View Source SaladUI.Tabs (SaladUI v0.4.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
Attributes
id
(:string
) (required) - id for root tabs tag.default
(:string
) - default tab value. Defaults tonil
.class
(:string
) - Defaults tonil
.- Global attributes are accepted.
Slots
inner_block
(required)
Attributes
value
(:string
) (required) - unique for tab content.class
(:string
) - Defaults tonil
.- Global attributes are accepted.
Slots
inner_block
(required)
Attributes
class
(:string
) - Defaults tonil
.- Global attributes are accepted.
Slots
inner_block
(required)
Attributes
root
(:string
) (required) - id of root tabs tag.value
(:string
) (required) - target value of tab content.class
(:string
) - Defaults tonil
.- Global attributes are accepted.
Slots
inner_block
(required)
Functions
Attributes
id
(:string
) (required) - id for root tabs tag.default
(:string
) - default tab value. Defaults tonil
.class
(:string
) - Defaults tonil
.- Global attributes are accepted.
Slots
inner_block
(required)
Attributes
value
(:string
) (required) - unique for tab content.class
(:string
) - Defaults tonil
.- Global attributes are accepted.
Slots
inner_block
(required)
Attributes
class
(:string
) - Defaults tonil
.- Global attributes are accepted.
Slots
inner_block
(required)
Attributes
root
(:string
) (required) - id of root tabs tag.value
(:string
) (required) - target value of tab content.class
(:string
) - Defaults tonil
.- Global attributes are accepted.
Slots
inner_block
(required)