Overview
Specs
Guidelines
Accessibility
Angular
- There are three types of navigation drawers: standalone, standard, and modal.
- Use standalone and standard navigation drawers for medium, large, and extra-large screen sizes.
- Fixed standard navigation drawers are recommended for extra-large screen sizes.
- Modal navigation drawers work best for smaller and medium screens, but they're suitable for all sizes.
- Modal navigation drawers can be opened and closed by default.
- Use navigation drawers when you have more than ten top-level destinations. They can also be used to accommodate more than one level of destinations.
- 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 |