View Source SaladUI.Tabs (SaladUI v0.13.0)

Implement of card components from https://ui.shadcn.com/docs/components/card

Example:

<.tabs default="account" id="settings" :let={builder} class="w-[400px]">
<.tabs_list class="grid w-full grid-cols-2">
  <.tabs_trigger builder={builder} value="account">account</.tabs_trigger>
  <.tabs_trigger builder={builder} value="password">password</.tabs_trigger>
</.tabs_list>
<.tabs_content value="account">
    <.card>
    <.card_content class="p-6">
      Account
    </.card_content>
  </.card>
</.tabs_content>
<.tabs_content value="password">
  <.card>
    <.card_content class="p-6">
      Password
    </.card_content>
  </.card>
</.tabs_content>
</.tabs>

Summary

Functions

tabs(assigns)

Attributes

id (:string) (required) - id for root tabs tag.
default (:string) - default tab value. Defaults to nil.
class (:string) - Defaults to nil.
Global attributes are accepted.

Slots

inner_block (required)

tabs_content(assigns)

Attributes

value (:string) (required) - unique for tab content.
class (:string) - Defaults to nil.
Global attributes are accepted.

Slots

inner_block (required)

tabs_list(assigns)

Attributes

class (:string) - Defaults to nil.
Global attributes are accepted.

Slots

inner_block (required)

tabs_trigger(assigns)

Attributes

builder (:map) (required) - builder instance of tabs.
value (:string) (required) - target value of tab content.
class (:string) - Defaults to nil.
Global attributes are accepted.

Slots

inner_block (required)

Functions

tabs(assigns)

Attributes

id (:string) (required) - id for root tabs tag.
default (:string) - default tab value. Defaults to nil.
class (:string) - Defaults to nil.
Global attributes are accepted.

Slots

inner_block (required)

tabs_content(assigns)

Attributes

value (:string) (required) - unique for tab content.
class (:string) - Defaults to nil.
Global attributes are accepted.

Slots

inner_block (required)

tabs_list(assigns)

Attributes

class (:string) - Defaults to nil.
Global attributes are accepted.

Slots

inner_block (required)

tabs_trigger(assigns)

Attributes

builder (:map) (required) - builder instance of tabs.
value (:string) (required) - target value of tab content.
class (:string) - Defaults to nil.
Global attributes are accepted.

Slots

inner_block (required)