# Formkit ## Description `auro-formkit` is a collection of web components that can be used to build forms. It is a monorepo that contains the following components: - `auro-checkbox` - `auro-checkbox-group` - `auro-combobox` - `auro-counter` - `auro-counter-group` - `auro-datepicker` - `auro-dropdown` - `auro-form` - `auro-input` - `auro-menu` - `auro-menu-option` - `auro-radio` - `auro-radio-group` - `auro-select` ## Use Cases ### 1. User Accounts - Sign up and login forms - Email and password validation ### 2. Checkout & Payments - Collect shipping and billing info - Use autofill and validation to reduce errors ### 3. Booking & Scheduling - Select dates and times - Prevent invalid selections (like past dates) ### 4. Search & Filters - Search inputs with suggestions - Filters like price ranges or categories ### 5. File Uploads - Upload images, documents, or media - Restrict file types and allow multiple files ### 6. Feedback & Surveys - Collect ratings, choices, and comments - Require answers where needed ### 7. Calculators & Dynamic Forms - Show real-time results (e.g., pricing, totals) ### 8. Multi-Step Forms - Break long forms into smaller steps ### 9. Mobile-Friendly Input - Use input types that trigger the right keyboard ### 10. Accessible Forms - Proper labels and grouped inputs - Built-in error handling ### 11. Built-in Validation - Use HTML5 rules instead of custom JavaScript ## Getting Started [](https://github.com/AlaskaAirlines/auro-formkit/actions/workflows/testPublish.yml) [](https://www.npmjs.com/package/@aurodesignsystem/auro-formkit) [](https://www.apache.org/licenses/LICENSE-2.0)  #### NPM Installation ```shell $ npm i @aurodesignsystem/auro-formkit ``` ### Getting Started Each component contains its own Getting Started documentation.

• checkbox
• combobox
• counter
• datepicker
• dropdown
• form
• input
• menu
• radio
• select