# General Components

## Components Status

Track the progress and status of components as they get added to the system. &#x20;

| Component                                                     | Design Kit            | Design Docs (Specs)   | Code                  | Code Docs (Storybook) |
| ------------------------------------------------------------- | --------------------- | --------------------- | --------------------- | --------------------- |
| [Alert](simple-components/alert)                              | :white\_check\_mark:  | :white\_check\_mark:  | :white\_check\_mark:  |                       |
| [Audio Player](simple-components/audio-player)                | :white\_check\_mark:  | :white\_check\_mark:  | :white\_check\_mark:  |                       |
| [Avatar](simple-components/avatar)                            | :white\_check\_mark:  | :white\_check\_mark:  | :white\_check\_mark:  | :x:                   |
| [Avatar Group](simple-components/avatar-group)                | :white\_check\_mark:  | :white\_check\_mark:  | :white\_check\_mark:  |                       |
| [Badge](simple-components/badges)                             | :white\_check\_mark:  | :white\_check\_mark:  | :white\_check\_mark:  | :white\_check\_mark:  |
| [Button](simple-components/button)                            | :white\_check\_mark:  | :white\_check\_mark:  | :white\_check\_mark:  | :x:                   |
| [Button Group](simple-components/button-group)                | :white\_check\_mark:  | :white\_check\_mark:  | :white\_check\_mark:  |                       |
| [Button Menu](simple-components/button-menu)                  | :white\_check\_mark:  | :white\_check\_mark:  | :white\_check\_mark:  | :white\_check\_mark:  |
| [Dual List](simple-components/dual-list)                      | :white\_check\_mark:  | :white\_check\_mark:  | :white\_check\_mark:  |                       |
| [Inline Notification](simple-components/inline-notifications) | :white\_check\_mark:  | :white\_check\_mark:  | :white\_check\_mark:  |                       |
| [Link](simple-components/links)                               | :white\_check\_mark:  | :white\_check\_mark:  | :white\_check\_mark:  | :white\_check\_mark:  |
| [Loader](simple-components/loader)                            | :white\_check\_mark:  | :white\_check\_mark:  | :white\_check\_mark:  |                       |
| [Menu](simple-components/menu)                                | :white\_check\_mark:  | :white\_check\_mark:  | :white\_check\_mark:  |                       |
| [Menu Box](simple-components/menu-box)                        | :white\_check\_mark:  | :white\_check\_mark:  | :white\_check\_mark:  | :white\_check\_mark:  |
| [Menu Option](simple-components/menu)                         | :white\_check\_mark:  | :white\_check\_mark:  | :white\_check\_mark:  |                       |
| [Mini Wizard](simple-components/mini-wizard)                  | :white\_check\_mark:  | :white\_check\_mark:  | :white\_check\_mark:  |                       |
| [Modal](simple-components/modal)                              | :white\_check\_mark:  | :white\_check\_mark:  | :white\_check\_mark:  |                       |
| [Progress Indicator](simple-components/progress-indicator)    | :white\_check\_mark:  | :white\_check\_mark:  | :white\_check\_mark:  | :white\_check\_mark:  |
| [Tab Group](simple-components/tab-group)                      | :white\_check\_mark:  | :white\_check\_mark:  | :white\_check\_mark:  |                       |
| [Tag](simple-components/tag)                                  | :white\_check\_mark:  | :white\_check\_mark:  | :white\_check\_mark:  |                       |
| [Telicon](simple-components/telicon)                          | :white\_check\_mark:  | :white\_check\_mark:  | :white\_check\_mark:  |                       |
| [Text](simple-components/text)                                | :white\_check\_mark:  | :white\_check\_mark:  | :white\_check\_mark:  |                       |
| [Toast](simple-components/toast)                              | :white\_check\_mark:  | :white\_check\_mark:  | :white\_check\_mark:  | :x:                   |
| [Tooltip](simple-components/tooltip)                          | :white\_check\_mark:  | :white\_check\_mark:  | :white\_check\_mark:  |                       |
| [Wizard](simple-components/wizard)                            | :white\_check\_mark:  | :white\_check\_mark:  | :white\_check\_mark:  |                       |

