Status Board
Each platform has its own tech, so Global Components are made in Figma first, using tokens. Teams can use them to update or build components in their own libraries.
| Component | Design status | Blueweb | iOS | Android | Kiosk |
|---|---|---|---|---|---|
| Avatar | Ready |
|
|
|
|
| Badge | Ready |
|
|
|
|
| Button | Ready |
|
|
|
|
| Checkbox | Ready |
|
|
|
|
| Chip | Ready |
|
|
|
|
| Divider | Ready |
|
|
|
|
| Link | Ready |
|
|
|
|
| Link Button | Ready |
|
|
|
|
| Next Best Action | Ready |
|
|
|
|
| Number Input | In progress |
|
|
|
|
| Progress Bar | Ready |
|
|
|
|
| Progress Spinner | Ready |
|
|
|
|
| Radio | Ready |
|
|
|
|
| Select | Ready |
|
|
|
|
| Slider | Ready |
|
|
|
|
| Snackbar | Ready |
|
|
|
|
| Status | Ready |
|
|
|
|
| Tabs | Ready |
|
|
|
|
| Tesst component | Ready |
|
|
|
|
| Text Area | Ready |
|
|
|
|
| Text Field | Ready |
|
|
|
|
| Toggle | Ready |
|
|
|
|
A global component is designed to work across all platforms and screen sizes. It stays consistent by using design tokens, which allow it to adapt to different brands and themes without needing to be rebuilt.