# `MishkaGervaz.UIAdapters.Tailwind`
[🔗](https://github.com/mishka-group/mishka_gervaz/blob/v0.0.1-alpha.3/lib/mishka_gervaz/ui_adapters/tailwind.ex#L1)

Default Tailwind CSS UI adapter.

Provides plain Tailwind-styled components for tables and forms.
This is the default adapter used when no other is specified.

# `alert`

Render a static alert/notice.

## Assigns
  * `:type` - `:info` | `:warning` | `:error` | `:success` | `:neutral`
  * `:title` - optional headline string
  * `:content` - body string or pre-rendered inner block
  * `:icon` - optional heroicon name
  * `:dismissible` - boolean
  * `:dismiss_event` - phx-click event name for the dismiss button
  * `:dismiss_value` - phx-value-name payload for dismiss
  * `:phx_target` - LiveComponent target
  * `:class` - extra wrapper classes
  * `:inner_block` - optional slot for HEEx content (overrides `:content`)

# `archive_toggle`

Render archive status toggle.

## Assigns
  * `:archive_status` - Current status (:active or :archived)
  * `:myself` - LiveComponent target
  * `:active_label` - Label for active option
  * `:archived_label` - Label for archived option
  * `:status_label` - Label prefix

# `bulk_action_bar`

Render bulk actions bar container.

## Assigns
  * `:select_all` - Whether all are selected
  * `:selected_count` - Number of selected items
  * `:excluded_count` - Number of excluded items
  * `:inner_block` - Slot for action buttons

# `bulk_action_button`

Render individual bulk action button.

## Assigns
  * `:action` - The action map
  * `:myself` - LiveComponent target

# `button`

## Attributes

* `label` (`:string`) - Defaults to `nil`.
* `class` (`:string`) - Defaults to `nil`.
* `type` (`:string`) - Defaults to `"button"`.
* `icon` (`:string`) - Defaults to `nil`.
* `variant` (`:atom`) - Defaults to `:default`.
* Global attributes are accepted. Supports all globals plus: `["phx-click", "phx-target", "phx-value-id", "phx-value-event", "phx-value-values", "data-confirm", "disabled"]`.

# `cell_array`

Render array/list container.

## Assigns
  * `:class` - Container CSS class (default: "flex flex-wrap gap-1")
  * `:badges` - List of pre-rendered badge elements (for badge mode)
  * `:remaining` - Pre-rendered remaining count element
  * `:inner_block` - Slot for array items (alternative to badges)

# `cell_code`

Render code/monospace cell value (for UUID, etc.).

## Assigns
  * `:value` - The value to display
  * `:title` - Optional tooltip (for truncated values)
  * `:class` - CSS class (default: "text-xs font-mono")

# `cell_date`

Render date cell value.

## Assigns
  * `:formatted` - The formatted date string
  * `:class` - CSS class

# `cell_datetime`

Render datetime cell value.

## Assigns
  * `:formatted` - The formatted datetime string
  * `:iso` - ISO 8601 string for datetime attribute
  * `:variant` - :default or :relative
  * `:class` - CSS class

# `cell_empty`

Render empty cell value (nil/missing data).

## Assigns
  * `:text` - Text to show (default: "-")
  * `:class` - CSS class (default: "text-gray-400")

# `cell_number`

Render number cell value.

## Assigns
  * `:value` - The formatted number string
  * `:prefix` - Prefix (e.g., "$")
  * `:suffix` - Suffix (e.g., "%")
  * `:class` - CSS class (default: "tabular-nums")

# `cell_text`

Render text cell value.

## Assigns
  * `:text` - The text to display
  * `:title` - Optional tooltip (for truncated text)
  * `:class` - CSS class
  * `:suffix` - Optional suffix text (with different styling)
  * `:suffix_class` - CSS class for suffix (default: "text-gray-500")

# `date_range_container`

Render a date range container with two date inputs and separator.

## Assigns
  * `:class` - Container CSS class (default: "flex items-center gap-2")
  * `:separator_class` - Separator text CSS class (default: "text-gray-500")
  * `:from_input` - Pre-rendered from date input
  * `:to_input` - Pre-rendered to date input

# `filter_reset_button`

Render filter reset/clear button.

## Assigns
  * `:label` - Button label text
  * `:class` - CSS class

# `form_footer`

Render the form footer (content below the submit row).

## Assigns
  * `:content` - footer text
  * `:class` - extra wrapper classes
  * `:inner_block` - optional slot

# `form_header`

Render the form header (title + description).

## Assigns
  * `:title` - heading text
  * `:description` - subtitle text
  * `:icon` - optional heroicon name
  * `:class` - extra wrapper classes

# `icon`

## Attributes

* `variant` (`:atom`) - Defaults to `:default`.

# `load_more_select`

Single-select dropdown with paginated load-more (no search input).

Shows a clickable trigger that opens a dropdown with options and a
"Load more" button for pagination.

# `loading`

Render a loading state.

This is an optional function that templates can use for customizable loading UI.
Supports `:spinner` (default), `:skeleton`, and `:dots` types.

## Assigns

  * `:type` - Loading type: `:initial`, `:reset`, `:more` (default: `:initial`)
  * `:style` - Loading style: `:spinner`, `:skeleton`, `:dots` (default: `:spinner`)
  * `:text` - Optional loading text
  * `:class` - Additional CSS classes

## Examples

    <.loading type={:initial} />
    <.loading type={:reset} style={:skeleton} />

# `loading_state`

Render loading state.

## Assigns
  * `:type` - Loading type (:initial, :reset, :more)
  * `:text` - Loading text
  * `:style` - Style (:spinner, :skeleton, :dots)

# `multi_select`

Multi-select dropdown with search support for relation filters.

Shows a searchable dropdown where users can select multiple items.
Selected items appear with checkmarks in the dropdown.

# `nav_link`

## Attributes

* `variant` (`:atom`) - Defaults to `:default`.
* `external` (`:boolean`) - Defaults to `false`.

# `pagination_container`

Render pagination container with page info.

## Assigns
  * `:page` - Current page
  * `:total_pages` - Total pages
  * `:total_count` - Total record count
  * `:show_total` - Whether to show total info
  * `:page_info_format` - Format string for page info
  * `:inner_block` - Slot for pagination buttons

# `pagination_nav_button`

Render pagination nav button (prev/next/first/last).

## Assigns
  * `:label` - Button label
  * `:disabled` - Whether button is disabled
  * `:event` - Event name to trigger
  * `:page` - Page value (for go_to_page)
  * `:myself` - LiveComponent target

# `pagination_page_button`

Render pagination page number button.

## Assigns
  * `:page_num` - Page number to display
  * `:current_page` - Currently active page
  * `:disabled` - Whether button is disabled
  * `:myself` - LiveComponent target

# `search_select`

Single-select dropdown with search support for relation filters.

EXACT COPY of multi_select adapted for single selection.

# `template_switcher`

Render template switcher container with buttons.

## Assigns
  * `:switchable_templates` - List of template modules
  * `:current_template` - Currently active template module
  * `:myself` - LiveComponent target

# `template_switcher_button`

Render template switcher button.

## Assigns
  * `:template` - Template module
  * `:current_template` - Currently active template module
  * `:myself` - LiveComponent target

---

*Consult [api-reference.md](api-reference.md) for complete listing*