Components are reusable UI elements that live within the Burrito Design System. Each component is designed and coded with flexibility and inclusivity in mind, to help our designers and developers create consistent and exceptional user experience across Userlane products.
Within each document you will find:
- Live interactive examples (Storybook)
- Code samples
- General guidelines and best practices
- Component variant examples and when to use them
| Component | Figma component | Health Status | Documented | Documentation link | Design ready | Notes | Implemented | Tracking available | Library |
|---|---|---|---|---|---|---|---|---|---|
| Accordion | Open in Figma | Healthy |
|
Open page |
|
- |
|
|
Design System |
| Checkbox | Open in Figma | Healthy |
|
Open page |
|
- |
|
|
Design System |
| Date picker | Open in Figma | Healthy |
|
Open page |
|
Component needs review |
|
|
Portal |
| Dropdown button | Open in Figma | Healthy |
|
Open page |
|
Implement and documentation need an update to reflect latest additions to variants and sizes |
|
|
Design System |
| Dropdown menu | Open in Figma | Healthy |
|
Open page |
|
- |
|
|
Design System |
| Filter | Open in Figma | Healthy |
|
Open page |
|
- |
|
|
Design System |
| Icon button | Open in Figma | Healthy |
|
Open page |
|
- |
|
|
- |
| Infotip | Open in Figma | Healthy |
|
Open page |
|
- |
|
|
Design System |
| Label | Open in Figma | Healthy |
|
Open page |
|
- |
|
|
Design System |
| Link | Open in Figma | Healthy |
|
- |
|
- |
|
|
- |
| List Thumbnail | Open in Figma | Known issues |
|
- |
|
Needs review of variants for Thumbnail vs Alert subcomponents |
|
|
Design System |
| Message box | Open in Figma | Healthy |
|
Open page |
|
- |
|
|
Design System |
| Modal | Open in Figma | Healthy |
|
Open page |
|
- |
|
|
Design System |
| Progress bar | Open in Figma | Healthy |
|
- |
|
- |
|
|
Design System |
| Radio button | Open in Figma | Healthy |
|
Open page |
|
- |
|
|
Design System |
| Search field | Open in Figma | Healthy |
|
Open page |
|
- |
|
|
Design System |
| Sidebar nav item | Open in Figma | Healthy |
|
- |
|
- |
|
|
Design System |
| Slide (Player & Editor) | - | - |
|
- |
|
- |
|
|
- |
| Split button | - | Known issues |
|
- |
|
Needs a review of the states to match Text input and other buttons. |
|
|
Portal |
| Status dot | Open in Figma | Healthy |
|
- |
|
- |
|
|
Design System |
| Switch | Open in Figma | Healthy |
|
Open page |
|
- |
|
|
- |
| Table | Open in Figma | Healthy |
|
Open page |
|
Documentation should adequately show subcomponents (card, pagination, table content, etc). This would also mean reviewing Storybook structure. |
|
|
Portal |
| Text area | Open in Figma | Healthy |
|
Open page |
|
- |
|
|
Design System |
| Text Button | Open in Figma | Healthy |
|
Open page |
|
- |
|
|
Design System |
| Text input | Open in Figma | Healthy |
|
Open page |
|
- |
|
|
Design System |
| Toast | Open in Figma | Healthy |
|
Open page |
|
- |
|
|
Design System |
| Toggle | Open in Figma | Healthy |
|
Open page |
|
- |
|
|
Design System |
| Tooltip | Open in Figma | Healthy |
|
Open page |
|
Review for content presentation and Figma usage |
|
|
Design System |