# Pine UI v0.2.1 - Table of Contents

> Tailwind CSS and Alpine.js UI components for Phoenix LiveView. All 42 Pines elements: modal, dropdown, command palette, toast, table, date picker, tabs. Accessible, dark mode, AI-agent ready.

## Pages

- [Overview](readme.md)
- [Changelog](changelog.md)
- [License](license.md)

## Modules

- [PineUiPhoenix.Components.Accordion](PineUiPhoenix.Components.Accordion.md): Stacked, collapsible content panels.
- [PineUiPhoenix.Components.Alert](PineUiPhoenix.Components.Alert.md): Alerts — a callout that draws attention to a message.
- [PineUiPhoenix.Components.Badge](PineUiPhoenix.Components.Badge.md): Small status and category labels.
- [PineUiPhoenix.Components.Banner](PineUiPhoenix.Components.Banner.md): A full-width announcement bar pinned to the top or bottom of the viewport.
- [PineUiPhoenix.Components.Breadcrumbs](PineUiPhoenix.Components.Breadcrumbs.md): Shows where the current page sits in the site hierarchy.
- [PineUiPhoenix.Components.Button](PineUiPhoenix.Components.Button.md): Buttons.
- [PineUiPhoenix.Components.Card](PineUiPhoenix.Components.Card.md): A container that groups related content.
- [PineUiPhoenix.Components.Checkbox](PineUiPhoenix.Components.Checkbox.md): Checkboxes.
- [PineUiPhoenix.Components.Combobox](PineUiPhoenix.Components.Combobox.md): Type-ahead inputs: a combobox, and a free-form tags field.
- [PineUiPhoenix.Components.Command](PineUiPhoenix.Components.Command.md): A searchable command palette.
- [PineUiPhoenix.Components.ContextMenu](PineUiPhoenix.Components.ContextMenu.md): A menu opened by right-clicking a region.
- [PineUiPhoenix.Components.CopyToClipboard](PineUiPhoenix.Components.CopyToClipboard.md): A click-to-copy control with confirmation feedback.
- [PineUiPhoenix.Components.DatePicker](PineUiPhoenix.Components.DatePicker.md): A calendar date picker.
- [PineUiPhoenix.Components.DropdownMenu](PineUiPhoenix.Components.DropdownMenu.md): A menu revealed by a trigger.
- [PineUiPhoenix.Components.HoverCard](PineUiPhoenix.Components.HoverCard.md): A rich preview card revealed on hover.
- [PineUiPhoenix.Components.ImageGallery](PineUiPhoenix.Components.ImageGallery.md): An image grid with a lightbox.
- [PineUiPhoenix.Components.Marquee](PineUiPhoenix.Components.Marquee.md): An infinitely scrolling strip of content, and an animated perspective grid backdrop.
- [PineUiPhoenix.Components.Media](PineUiPhoenix.Components.Media.md): A video player with custom chrome, and a Monaco code editor.
- [PineUiPhoenix.Components.Modal](PineUiPhoenix.Components.Modal.md): Dialogs: centred modal, full-screen modal, and slide-over panel.
- [PineUiPhoenix.Components.NavigationMenu](PineUiPhoenix.Components.NavigationMenu.md): A site navigation bar with mega-menu dropdowns, and a desktop-style menu bar.
- [PineUiPhoenix.Components.Pagination](PineUiPhoenix.Components.Pagination.md): Page navigation.
- [PineUiPhoenix.Components.Popover](PineUiPhoenix.Components.Popover.md): Rich content anchored to a trigger, opened on click.
- [PineUiPhoenix.Components.Progress](PineUiPhoenix.Components.Progress.md): Progress indicators.
- [PineUiPhoenix.Components.Quotes](PineUiPhoenix.Components.Quotes.md): A styled blockquote for pull quotes and testimonials.
- [PineUiPhoenix.Components.RadioGroup](PineUiPhoenix.Components.RadioGroup.md): A group of mutually exclusive options, rendered as selectable cards.
- [PineUiPhoenix.Components.RangeSlider](PineUiPhoenix.Components.RangeSlider.md): A range slider.
- [PineUiPhoenix.Components.Rating](PineUiPhoenix.Components.Rating.md): A star rating, for input or display.
- [PineUiPhoenix.Components.Select](PineUiPhoenix.Components.Select.md): Select inputs.
- [PineUiPhoenix.Components.Switch](PineUiPhoenix.Components.Switch.md): A toggle switch.
- [PineUiPhoenix.Components.Table](PineUiPhoenix.Components.Table.md): Tabular data.
- [PineUiPhoenix.Components.Tabs](PineUiPhoenix.Components.Tabs.md): Tabbed content panels.
- [PineUiPhoenix.Components.Text](PineUiPhoenix.Components.Text.md): Animated text.
- [PineUiPhoenix.Components.TextInput](PineUiPhoenix.Components.TextInput.md): Single-line text inputs.
- [PineUiPhoenix.Components.Textarea](PineUiPhoenix.Components.Textarea.md): Multi-line text inputs.
- [PineUiPhoenix.Components.Toast](PineUiPhoenix.Components.Toast.md): Transient notifications, stacked in a corner of the viewport.
- [PineUiPhoenix.Components.Tooltip](PineUiPhoenix.Components.Tooltip.md): A small label revealed on hover or focus.
- [PineUiPhoenix.Extras.DataTable](PineUiPhoenix.Extras.DataTable.md): A configuration-driven table, kept for compatibility with the v0.1.x API.
- [PineUiPhoenix.Extras.FileUpload](PineUiPhoenix.Extras.FileUpload.md): A drag-and-drop file upload area.
- [PineUiPhoenix.Internal.Alpine](PineUiPhoenix.Internal.Alpine.md): Builds Alpine.js expressions safely.
- [PineUiPhoenix.Internal.Class](PineUiPhoenix.Internal.Class.md): Conflict-aware Tailwind class merging.
- [PineUiPhoenix.Internal.Id](PineUiPhoenix.Internal.Id.md): Stable, collision-free DOM ids for components.
- [PineUiPhoenix.Internal.JSON](PineUiPhoenix.Internal.JSON.md): JSON encoding for values embedded in Alpine attributes.

- Core
  - [PineUiPhoenix](PineUiPhoenix.md): Pine UI 🌲 — the [Pines](https://devdojo.com/pines/docs/introduction) component library for
Phoenix LiveView.
  - [PineUiPhoenix.Component](PineUiPhoenix.Component.md): The base every Pine UI component is built on.

- Deprecated (v0.1.x)
  - [PineUiPhoenix.Legacy](PineUiPhoenix.Legacy.md): The v0.1.x component API, preserved so existing code keeps working.

