Component Audit
63 UI elements inventoried from the Angular app across 12,919 total uses. Mapped to the Gloss v2.0 architecture — Presets, Composites, and Compositions exposed via the <UI.*> namespace.
63
Elements in Table
12,919
Total Uses in App
Grid System
Build Next
23
Components to Build
63 elements
| Element↕ | Variant | Category↕ | Uses↓ | Spread↕ | Tier↕ | Gloss↕ |
|---|---|---|---|---|---|---|
| Grid System | — | Layout | 2,975 | 55 | Unmapped | — |
| ▸Tooltip | — | Display | 2,041 | 55 | Preset | Tooltip |
| ▸Button | — | Actions | 1,435 | 55 | Preset | Button |
| ▸Text Field | Single-line | Input | 1,239 | 52 | Preset | Input |
| ▸Select | Single | Input | 518 | 38 | Preset | Select |
| ▸Dialog / Modal | — | Feedback | 388 | 48 | Unmapped | — |
| Icon Button | — | Actions | 350 | 40 | Preset | Button |
| ▸Data Table | — | Display | 310 | 45 | Unmapped | — |
| Card | — | Display | 300 | 35 | Preset | Card |
| ▸Checkbox | — | Input | 283 | 22 | Preset | Checkbox |
| Progress Indicator | Circular / Spinner | Feedback | 260 | 42 | Preset | AsyncLoader |
| ▸Confirm Dialog | — | Feedback | 241 | 35 | Composition | DestructiveModal |
| Destructive Confirmation | Delete / Danger Modal | Feedback | 241 | 35 | Composition | DestructiveModal |
| Link | — | Actions | 220 | 30 | Preset | Link |
| ▸Tabs | — | Navigation | 174 | 18 | Preset | TabGroup |
| ▸Segmented Control | Button Group Select | Input | 169 | 15 | Preset | SegmentedControl |
| Loading Button | Async Action | Actions | 148 | 22 | Unmapped | — |
| ▸Switch / Toggle | — | Input | 120 | 18 | Preset | Toggle |
| Popover / Overlay | — | Feedback | 107 | 15 | Unmapped | — |
| Panel | Collapsible | Layout | 99 | 14 | Unmapped | — |
| ▸Radio Button | — | Input | 98 | 5 | Preset | Radio |
| ▸Text Field | Multi-line | Input | 97 | 14 | Preset | Textarea |
| Select | Multi | Input | 84 | 8 | Unmapped | — |
| Divider | — | Display | 80 | 20 | Unmapped | — |
| Search Field | With Suggestions | Input | 70 | 12 | Composite | SearchInput |
| Chip | — | Display | 65 | 10 | Preset | Chip |
| ▸Date Picker | — | Input | 60 | 12 | Preset | DatePicker |
| ▸Number Input | — | Input | 51 | 9 | Preset | NumberInput |
| Masked Input | — | Input | 51 | 6 | Preset | MaskedInput |
| Button Group | — | Actions | 48 | 8 | Preset | ButtonGroup |
| Checkbox Group | — | Input | 45 | 6 | Preset | CheckboxGroup |
| List | — | Display | 45 | 8 | Unmapped | — |
| Radio Group | — | Input | 42 | 4 | Preset | RadioGroup |
| Badge | — | Display | 40 | 8 | Preset | Badge |
| ▸Autocomplete | — | Input | 39 | 7 | Unmapped | — |
| ▸Color Picker | — | Input | 35 | 3 | Preset | ColorPicker |
| Toolbar / App Bar | — | Layout | 35 | 10 | Unmapped | — |
| Snackbar / Toast | — | Feedback | 31 | 20 | Unmapped | — |
| Filter Chip | — | Display | 30 | 6 | Preset | FilterChip |
| Avatar | — | Display | 25 | 6 | Unmapped | — |
| Data Grid | Card/List View | Display | 23 | 5 | Unmapped | — |
| Address Form | Street + City + State + Zip | Input | 22 | 8 | Composition | AddressGroup |
| Phone Input | Country Code + Mask | Input | 18 | 5 | Composite | PhoneInput |
| Alert / Message | — | Feedback | 16 | 6 | Unmapped | — |
| Password Field | — | Input | 15 | 4 | Composite | PasswordInput |
| Breadcrumbs | — | Navigation | 15 | 8 | Unmapped | — |
| Stepper | — | Navigation | 14 | 4 | Unmapped | — |
| Address Dropdown | — | Input | 12 | 4 | Composite | AddressSelect |
| Menu | — | Navigation | 12 | 5 | Preset | Menu |
| Progress Indicator | Linear / Bar | Feedback | 12 | 4 | Unmapped | — |
| File Upload | — | Input | 11 | 4 | Preset | FileUpload |
| Chip Input | Tag Entry | Input | 8 | 3 | Composite | TagInput |
| Chart | Bar / Line / Pie | Display | 8 | 3 | Unmapped | — |
| Accordion | — | Navigation | 8 | 3 | Preset | Accordion |
| Payment Form | Credit Card Entry | Input | 8 | 3 | Composition | CreditCardForm |
| Payment Method Picker | — | Input | 6 | 2 | Composite | PaymentMethodSelect |
| Split Button | — | Actions | 5 | 2 | Preset | SplitButton |
| Tree View | — | Display | 4 | 2 | Unmapped | — |
| Fieldset | — | Layout | 4 | 2 | Unmapped | — |
| Scroll Area | — | Layout | 3 | 2 | Unmapped | — |
| Login Form | Email + Password | Input | 3 | 1 | Composition | LoginForm |
| Drawer / Sidebar | — | Navigation | 2 | 1 | Unmapped | — |
| Slider | — | Input | 1 | 1 | Preset | Slider |
TierPresetCompositeCompositionUnmapped