@n8d/htwoo-patterns/_patterns/_forms-index.md

hTWOo Patterns to setup custom style guide

---
title: Forms Index
order: 0
---

# HTWOO UI Form Components

This index organizes all form-related components in the HTWOO UI library, from basic input elements to complete form patterns.

## Atomic Form Elements

Basic building blocks for forms:

- [Text Input Elements](../atoms/forms/text-inputs.md): Standard text, email, password, URL, phone, and textarea inputs
- [Selection Controls](../atoms/forms/selection-controls.md): Checkboxes, radio buttons, and toggle switches
- [Select Dropdowns](../atoms/forms/select-dropdowns.md): Standard, grouped, and multiple select elements
- [Date and Time Inputs](../atoms/forms/date-time-inputs.md): Date, time, datetime-local, month, and week inputs
- [File Input](../atoms/forms/file-input.md): File upload controls
- [Search Input](../atoms/forms/search-input.md): Specialized input for search functionality
- [Prefixed & Suffixed Inputs](../atoms/forms/prefixed-suffixed-inputs.md): Inputs with additional context elements

## Form Validation

Validation states and feedback mechanisms:

- [Form Validation](../atoms/forms/form-validation.md): Input validation states and error messaging

## Form Layout & Organization

Components for structuring forms:

- [Form Layout Components](../molecules/forms/form-layout.md): Field containers, fieldsets, and control groups
- [Checkbox Group](../molecules/forms/checkbox-group.md): Vertical checkbox groups
- [Checkbox Group Columns](../molecules/forms/checkbox-group-cols.md): Multi-column checkbox layouts
- [Checkbox Group Horizontal](../molecules/forms/checkbox-group-horizontal.md): Horizontal checkbox layouts
- [Radio Button Group](../molecules/forms/radio-button-group.md): Vertical radio button groups
- [Radio Button Group Columns](../molecules/forms/radio-button-group-cols.md): Multi-column radio button layouts
- [Radio Button Group Horizontal](../molecules/forms/radio-button-group-horizontal.md): Horizontal radio button layouts

## Complete Form Patterns

Full form examples and templates:

- [Form Samples](../organism/form-sample/_form-samples.md): Complete form examples and multi-step flows