# Ontario Design System Web Component Inventory

## Components

### Legend

- To Do 🆕
- Complete ✅

### **Alerts and Highlights**

| Component Name         | Component Element          | Status | Specification                                                                                                       |
| ---------------------- | -------------------------- | ------ | ------------------------------------------------------------------------------------------------------------------- |
| Ontario Aside          | `<ontario-aside>`          | ✅     | [Link](https://docs.google.com/document/d/17Z_Ecxj-JL5IObF08lWzBAQsa-FTKj_Ybc6SzPXc0wU/edit#heading=h.qlc9lvl7aco9) |
| Ontario Blockquote     | `<ontario-blockquote>`     | ✅     | [Link](https://docs.google.com/document/d/1J6FSO2e4g6_bWGX8YYJKfS0RqIyD98QvUAA5BzEs8cI/edit#heading=h.qlc9lvl7aco9) |
| Ontario Callout        | `<ontario-callout>`        | ✅     | [Link](https://docs.google.com/document/d/17Z_Ecxj-JL5IObF08lWzBAQsa-FTKj_Ybc6SzPXc0wU/edit#heading=h.qlc9lvl7aco9) |
| Ontario Critical Alert | `<ontario-critical-alert>` | ✅     | [Link](https://docs.google.com/document/d/1-8OGMhMxu6oFeW5X7u_phH9WRh8mJGksIMqjB81vBZE/edit#heading=h.qlc9lvl7aco9) |
| Ontario Page Alerts    | `<ontario-page-alert>`     | ✅     | [Link](https://docs.google.com/document/d/1oJE0D1rzELB6hIax21qOu_G5rmNLfPCji2gV4E6fHmk/edit#heading=h.qlc9lvl7aco9) |

### **General**

| Component Name            | Component Element             | Description                                           | Status | Specification                                                                                                       |
| ------------------------- | ----------------------------- | ----------------------------------------------------- | ------ | ------------------------------------------------------------------------------------------------------------------- |
| Ontario Accordion         | TBD                           |                                                       | 🆕     | TBD                                                                                                                 |
| Ontario Button            | `<ontario-button>`            |                                                       | ✅     | [Link](https://docs.google.com/document/d/1-VBef6I95x081RvTip4K4LZYUCAcdzGvS72qeWP6Rbw/edit?usp=sharing)            |
| Ontario Icon              | `<ontario-icon-X>`            | Icon Component, where `X` is the specific Icon        | ✅     | [Link](https://docs.google.com/document/d/1mwCjnr9VGaR4Dj1pPmj8lYWQK8lx2RencfVrGiLbDvw/edit?usp=sharing)            |
| Ontario Footer            | `<ontario-footer>`            | Includes both simple + expanded footer variations     | ✅     | TBD                                                                                                                 |
| Ontario Header            | `<ontario-header>`            | Includes both Ontario + application header variations | ✅     | TBD                                                                                                                 |
| Ontario Loading Indicator | `<ontario-loading-indicator>` |                                                       | ✅     | [Link](https://docs.google.com/document/d/1oI0_g5oE0qOEf5pBaAABdW6-UGq3DGIQHKQ3i78p9Ms/edit#heading=h.qlc9lvl7aco9) |
| Ontario Tables            | TBD                           |                                                       | 🆕     | TBD                                                                                                                 |

### **Navigation**

| Component Name      | Component Element       | Status | Specification                                                                                                       |
| ------------------- | ----------------------- | ------ | ------------------------------------------------------------------------------------------------------------------- |
| Ontario Back Button | `<ontario-back-button>` | 🆕     | TBD                                                                                                                 |
| Ontario Back to Top | `<ontario-back-to-top>` | ✅     | [Link](https://docs.google.com/document/d/1jS_HlRKf4eEOYxROuPLSgXi9y_csW_KyXMHbgVk0i30/edit#heading=h.qlc9lvl7aco9) |

### **Form**

| Component Name         | Component Element         | Status | Specification                                                                                            |
| ---------------------- | ------------------------- | ------ | -------------------------------------------------------------------------------------------------------- |
| Ontario Checkbox       | `<ontario-checkbox>`      | ✅     | [Link](https://docs.google.com/document/d/1ZaQ3O3Eewf5XKJA9qBHcyuvV-_dR-MzdHTajYTrpGQg/edit?usp=sharing) |
| Ontario Date           | TBD                       | 🆕     | TBD                                                                                                      |
| Ontario Dropdown List  | `<ontario-dropdown-list>` | ✅     | [Link](https://docs.google.com/document/d/1UphVrYgt8Dos9iQHmey1Q1xJNvVNEOtWFyG3bnPcGtQ/edit?usp=sharing) |
| Ontario Fieldset       | `<ontario-fielset>`       | ✅     | TBD                                                                                                      |
| Ontario Hint Expander  | `<ontario-hint-expander>` | ✅     | [Link](https://docs.google.com/document/d/1SxZR3bSKVspXmr8yhWkR5FdQ8h44xIWqzI9DZzr9MFQ/edit?usp=sharing) |
| Ontario Hint Text      | `<ontario-hint-text>`     | ✅     | [Link](https://docs.google.com/document/d/11Qdxjqip62i6IEBdrZMOQ1LIu-ErvgUDFX5--ckbUVM/edit?usp=sharing) |
| Ontario Input          | `<ontario-input>`         | ✅     | [Link](https://docs.google.com/document/d/1q6d86A1_PFTbl508NSdOStgKVOMlsAHDjEQt8DPyHxc/edit?usp=sharing) |
| Ontario Radio Button   | `<ontario-radio-button>`  | ✅     | [Link](https://docs.google.com/document/d/1g-cwvhcijYtGHVpxamYxQO5R3n4vvUzwZDGjIc3LW1w/edit?usp=sharing) |
| Ontario Step Indicator | TBD                       | 🆕     | TBD                                                                                                      |
| Ontario Textarea       | `<ontario-textarea>`      | ✅     | [Link](https://docs.google.com/document/d/18uXU-xKE2ikqVb_gPB5LYyG3147fhoaIqRB-jycAYLs/edit?usp=sharing) |