# SaladUI v1.0.0 - Table of Contents

> Phoenix UI components library inspired by shadcn ui

## Pages

- Getting Started
  - [README](readme.md)

- Component Guides
  - [Quick Simple Component Guide](implement_simple_component.md)
  - [Quick Complex Component Guide](complex_component_guide.md)
  - [SaladUI Component Configuration Reference](component_config_guide.md)
  - [SaladUI Communication Guide](component_communications_explain.md)

- JavaScript Documentation
  - [JavaScript Documentation Index](js_documentation_index.md)
  - [JavaScript Architecture Overview](js_architecture_overview.md)
  - [JavaScript Component Patterns](js_component_patterns.md)
  - [JavaScript Component Reference](js_component_reference.md)
  - [Transition Execution flow](js_state_transition_flow.md)

## Modules

- [SaladUI](SaladUI.md): SaladUI - A comprehensive UI component library for Phoenix LiveView applications.
- [SaladUI.Accordion](SaladUI.Accordion.md): Implementation of the Accordion component.
- [SaladUI.Alert](SaladUI.Alert.md): Implementation of alert component for displaying important messages to users.
- [SaladUI.AlertDialog](SaladUI.AlertDialog.md): Implementation of Alert Dialog component for SaladUI framework.
- [SaladUI.Avatar](SaladUI.Avatar.md): Implementation of avatar component for user profile pictures with fallback support.
- [SaladUI.Badge](SaladUI.Badge.md): Implementation of badge component for displaying short labels, statuses, or counts.
- [SaladUI.Breadcrumb](SaladUI.Breadcrumb.md): Implementation of breadcrumb component from https://ui.shadcn.com/docs/components/breadcrumb
- [SaladUI.Button](SaladUI.Button.md): Button component for user interactions.
- [SaladUI.Card](SaladUI.Card.md): Card components for containing content and actions.
- [SaladUI.Chart](SaladUI.Chart.md): Chart component.
- [SaladUI.Checkbox](SaladUI.Checkbox.md): Implementation of checkbox component from https://ui.shadcn.com/docs/components/checkbox
- [SaladUI.Collapsible](SaladUI.Collapsible.md): Implementation of Collapsible component for SaladUI framework.
- [SaladUI.Command](SaladUI.Command.md): Command palette components for SaladUI.
- [SaladUI.Dialog](SaladUI.Dialog.md): Implement of Dialog components from https://ui.shadcn.com/docs/components/dialog
- [SaladUI.DropdownMenu](SaladUI.DropdownMenu.md): Implementation of dropdown menu component for SaladUI framework.
- [SaladUI.Form](SaladUI.Form.md): Form-related components that help build accessible forms.
- [SaladUI.HoverCard](SaladUI.HoverCard.md): Implementation of hover card component with positioning and hover interactions.
- [SaladUI.Icon](SaladUI.Icon.md): Renders a [Heroicon](https://heroicons.com).
- [SaladUI.Input](SaladUI.Input.md): Implementation of an input component for various form input types.
- [SaladUI.JS](SaladUI.JS.md): Helper functions for controlling SaladUI components from `Phoenix.LiveView.JS`.

- [SaladUI.LiveView](SaladUI.LiveView.md): Helper functions for integrating SaladUI components with Phoenix LiveView.
- [SaladUI.Menu](SaladUI.Menu.md): Implement menu components

- [SaladUI.Pagination](SaladUI.Pagination.md): Implementation of pagination component for navigation between pages of content.
- [SaladUI.Popover](SaladUI.Popover.md): Enhanced implementation of popover component from https://ui.shadcn.com/docs/components/popover
- [SaladUI.Progress](SaladUI.Progress.md): Implementation of Progress component for displaying completion percentages or loading states.
- [SaladUI.RadioGroup](SaladUI.RadioGroup.md): Implementation of radio group component from https://ui.shadcn.com/docs/components/radio-group
- [SaladUI.ScrollArea](SaladUI.ScrollArea.md): Implementation of a scroll area component with custom styling.
- [SaladUI.Select](SaladUI.Select.md): Implement of select components from https://ui.shadcn.com/docs/components/select
- [SaladUI.Separator](SaladUI.Separator.md): Implementation of a separator component for dividing content.
- [SaladUI.Sheet](SaladUI.Sheet.md): Implementation of Sheet component for SaladUI framework.
- [SaladUI.Skeleton](SaladUI.Skeleton.md): Skeleton loading component for showing placeholder content while data is loading.
- [SaladUI.Slider](SaladUI.Slider.md): Implementation of slider component for selecting values within a range.
- [SaladUI.Switch](SaladUI.Switch.md): Implementation of a switch/toggle component.
- [SaladUI.Table](SaladUI.Table.md): Implementation of table components from https://ui.shadcn.com/docs/components/table
with proper ARIA attributes for accessibility.
- [SaladUI.Tabs](SaladUI.Tabs.md): Implementation of tabs components from https://ui.shadcn.com/docs/components/tabs
- [SaladUI.Textarea](SaladUI.Textarea.md): Implementation of a textarea component for multi-line text input.
- [SaladUI.Toast](SaladUI.Toast.md): Toast notifications, parity target [Sonner](https://sonner.emilkowal.ski/).
- [SaladUI.Tooltip](SaladUI.Tooltip.md): Implementation of Tooltip component for SaladUI framework.

## Mix Tasks

- [mix salad.install](Mix.Tasks.Salad.Install.md): Install SaladUI components and assets with customizable module prefix and color scheme.
- [mix salad.setup](Mix.Tasks.Salad.Setup.md): Set up SaladUI in a Phoenix LiveView project.

