View Source SaladUI.Tabs (SaladUI v0.3.0)

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

Example:

<.tabs default="account" id="settings" class="w-[400px]">
<.tabs_list class="grid w-full grid-cols-2">
  <.tabs_trigger root="settings" target="account">account</.tabs_trigger>
  <.tabs_trigger root="settings" target="password">password</.tabs_trigger>
</.tabs_list>
<.tabs_content id="account">
    <.card>
    <.card_content class="p-6">
      Account
    </.card_content>
  </.card>
</.tabs_content>
<.tabs_content id="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

id (: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

root (:string) (required) - id of root tabs tag.
target (:string) (required) - target id 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

id (: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

root (:string) (required) - id of root tabs tag.
target (:string) (required) - target id of tab content.
class (:string) - Defaults to nil.
Global attributes are accepted.

Slots

inner_block (required)