# data-slot

> Headless UI components for vanilla JavaScript. Tiny, accessible, unstyled.

## Overview

- [Quick start](/): headless UI components for vanilla JavaScript.

## Handbook

- [Styling](/handbook/styling): Your HTML. Your styles. The same accessible behavior.

## Components

- [Accordion](/components/accordion): A set of collapsible sections that reveal one panel or several at a time.
- [Alert Dialog](/components/alert-dialog): A modal that asks for a decision before continuing with an important action.
- [Carousel](/components/carousel): A scroll-snapping slideshow with keyboard, button, and optional drag navigation.
- [Collapsible](/components/collapsible): A disclosure that shows and hides a single section of content.
- [Combobox](/components/combobox): An input with a filterable list of suggestions and keyboard selection.
- [Command](/components/command): A searchable command list for navigating actions with the keyboard.
- [Dialog](/components/dialog): A modal window that moves focus into a task and returns it when dismissed.
- [Drawer](/components/drawer): A sliding panel with swipe-to-dismiss, modal focus management, and an optional snap point.
- [Dropdown Menu](/components/dropdown-menu): A menu of actions or selectable items opened from a trigger.
- [Hover Card](/components/hover-card): A preview of linked content shown on hover or keyboard focus.
- [Navigation Menu](/components/navigation-menu): Site navigation with coordinated popups, an indicator, and a shared viewport.
- [Popover](/components/popover): A floating panel anchored to a trigger for contextual content and controls.
- [Radio Group](/components/radio-group): A group of radio controls for choosing exactly one value.
- [Resizable](/components/resizable): Panels that share space and resize with a draggable, keyboard-accessible handle.
- [Select](/components/select): A button that opens a list of options with keyboard navigation and typeahead.
- [Slider](/components/slider): A control for choosing a numeric value or range by dragging a thumb.
- [Switch](/components/switch): A two-state control for turning a setting on or off.
- [Tabs](/components/tabs): Layered panels of content, with one panel displayed at a time.
- [Toast](/components/toast): Brief notifications with actions, automatic dismissal, and loading states for async work.
- [Toggle](/components/toggle): A button with a pressed state for toggling an option on or off.
- [Toggle Group](/components/toggle-group): A set of toggle buttons supporting single or multiple selection.
- [Tooltip](/components/tooltip): A short, non-interactive description revealed on hover or keyboard focus.

## Agent resources

- [llms-full.txt](/llms-full.txt): The full Markdown of every page in one file.
- [Page Markdown](/index.md): Append `.md` to any page URL to fetch that page as raw Markdown.
- [JSON API](/api/docs/pages.json): Page index of the JSON docs API; each entry links the page's JSON and Markdown forms. Described by the OpenAPI document at /openapi.json.
- [API catalog](/.well-known/api-catalog): RFC 9727 linkset of the APIs documented here.
- [agent-readability.json](/agent-readability.json): Manifest of every agent-facing artifact on this site.