# Gecko UI v1

> Documentation for Gecko UI v1, a React component library built with TypeScript and Tailwind CSS.
> This version is superseded by v2 and is kept for projects that have not migrated.

## Docs

- [Full v1 Docs](https://geckoui.dev/v1/llms-full.txt): Full text of every v1 page.
- [Current Docs](https://geckoui.dev/llms.txt): v2, the supported version.

## Components

- [Getting Started](https://geckoui.dev/v1/docs): Build beautiful, accessible React applications with Gecko UI
- [Installation](https://geckoui.dev/v1/docs/installation): Step-by-step guide to installing and configuring Gecko UI
- [Theming](https://geckoui.dev/v1/docs/theming): Customize Gecko UI colors and design tokens using CSS variables

### Components
- [Alert](https://geckoui.dev/v1/docs/alert): Display important messages with different severity levels
- [Button](https://geckoui.dev/v1/docs/button): Flexible button component with multiple variants, sizes, and colors
- [Calendar](https://geckoui.dev/v1/docs/calendar): Interactive calendar component for date selection with month/year navigation
- [Checkbox](https://geckoui.dev/v1/docs/checkbox): Customizable checkbox with support for indeterminate state
- [ConfirmDialog](https://geckoui.dev/v1/docs/confirm-dialog): Confirmation modal for user action validation
- [Counter Input](https://geckoui.dev/v1/docs/counter-input): A numeric input component with increment/decrement buttons
- [DateInput](https://geckoui.dev/v1/docs/date-input): Keyboard-driven date input with intelligent auto-completion and format support
- [DateRangeInput](https://geckoui.dev/v1/docs/date-range-input): Input component for selecting a date range with calendar popup
- [Dialog](https://geckoui.dev/v1/docs/dialog): Lightweight imperative modal component for centered overlay content
- [Drawer](https://geckoui.dev/v1/docs/drawer): Slide-out panel component that displays content from any edge of the viewport
- [Input](https://geckoui.dev/v1/docs/input): Flexible text input component with prefix and suffix support
- [InputError](https://geckoui.dev/v1/docs/input-error): Display validation error messages below form fields
- [Label](https://geckoui.dev/v1/docs/label): Form field labels with required indicators and tooltips
- [LoadingButton](https://geckoui.dev/v1/docs/loading-button): Button component with built-in loading state and spinner
- [Menu](https://geckoui.dev/v1/docs/menu): Accessible dropdown menu for actions and navigation
- [OTP Input](https://geckoui.dev/v1/docs/otp-input): Segmented input field for one-time passwords and verification codes
- [Pagination](https://geckoui.dev/v1/docs/pagination): Navigate through multiple pages of content with intelligent ellipsis display
- [Radio](https://geckoui.dev/v1/docs/radio): Radio button for mutually exclusive selections

### Select
- [Select](https://geckoui.dev/v1/docs/select): Customizable dropdown select component with single selection mode
- [Multiple Selection](https://geckoui.dev/v1/docs/select/multiple): Multi-select mode for selecting multiple options at once
- [Filterable Select](https://geckoui.dev/v1/docs/select/filterable): Add search and filtering capabilities to Select with inline or dropdown modes
- [SelectOption](https://geckoui.dev/v1/docs/select/select-option): Advanced option patterns including custom content, click handlers, and visibility control
- [SelectTrigger](https://geckoui.dev/v1/docs/select/select-trigger): Build custom select triggers with full control over input and display
- [SelectEmpty](https://geckoui.dev/v1/docs/select/select-empty): Display custom messages when no options match the search filter
- [Advanced Usage](https://geckoui.dev/v1/docs/select/advanced): Programmatic control with useSelect hook and SelectConsumer
- [Spinner](https://geckoui.dev/v1/docs/spinner): Animated loading indicator for async operations
- [Switch](https://geckoui.dev/v1/docs/switch): Toggle switch component with multiple sizes, built on a native checkbox
- [Textarea](https://geckoui.dev/v1/docs/textarea): Multi-line text input with optional auto-resizing functionality
- [Toast](https://geckoui.dev/v1/docs/toast): Display brief notification messages with support for variants, actions, and promises
- [Tooltip](https://geckoui.dev/v1/docs/tooltip): Contextual information in floating overlays

### React Hook Form
- [RHFInput](https://geckoui.dev/v1/docs/rhf-input): Text input component integrated with React Hook Form
- [RHFTextarea](https://geckoui.dev/v1/docs/rhf-textarea): Multi-line text input component integrated with React Hook Form
- [RHFCheckbox](https://geckoui.dev/v1/docs/rhf-checkbox): Checkbox component integrated with React Hook Form that preserves value types
- [RHFCounterInput](https://geckoui.dev/v1/docs/rhf-counter-input): Numeric counter input component integrated with React Hook Form
- [RHFRadio](https://geckoui.dev/v1/docs/rhf-radio): Radio button component integrated with React Hook Form that preserves value types
- [RHFSwitch](https://geckoui.dev/v1/docs/rhf-switch): Toggle switch component integrated with React Hook Form with custom value support
- [RHFSelect](https://geckoui.dev/v1/docs/rhf-select): Select dropdown component integrated with React Hook Form
- [RHFDateInput](https://geckoui.dev/v1/docs/rhf-date-input): Date input component integrated with React Hook Form
- [RHFDateRangeInput](https://geckoui.dev/v1/docs/rhf-date-range-input): Date range input component integrated with React Hook Form
- [RHFOTPInput](https://geckoui.dev/v1/docs/rhf-otp-input): OTP (One-Time Password) input component integrated with React Hook Form
- [RHFFileInput](https://geckoui.dev/v1/docs/rhf-file-input): File input component integrated with React Hook Form
- [RHFFilePicker](https://geckoui.dev/v1/docs/rhf-file-picker): Advanced file picker with drag-and-drop support integrated with React Hook Form
- [RHFInputGroup](https://geckoui.dev/v1/docs/rhf-input-group): Layout component that combines label, input field, and error message for React Hook Form
- [RHFError](https://geckoui.dev/v1/docs/rhf-error): Error message display component for React Hook Form validation
- [RHFController](https://geckoui.dev/v1/docs/rhf-controller): Core wrapper component for React Hook Form integration