Overview
Specs
Guidelines
Accessibility
Angular
- There are four types of chips: input, assist, filter, and suggestion
- Assist, filter, and suggestion chips offer two styles: outlined and elevated. By default, outlined chips should be used. Elevated chips are preferred when used over a dynamic background like an image or video
- Use chips to provide additional actions contextual to the content
- Chips should not be used as an alternative to buttons
- Always use the provided Atmosphere Design System Icons Library
Storybook
Resources
| Type | Resource | Status |
|---|---|---|
| Design | Figma: Atmosphere Foundations and Components Library | Available |
| Design | Figma: Atmosphere Icons Library | Available |
| Implementation | GitLab: Angular web component | Available |