Tabs
Tabbed content switcher.
Generado a partir del código fuente público del paquete.
API
ActivationModetipo
Activation mode: automatic activates on focus, manual requires Enter/Space.
Contentcomponente
@solidiom/tabs — Headless tabs primitive with keyboard navigation and roving focus. Parts: Root, List, Trigger, Content.
Content(props: TabsContentProps): Element
Propiedades
class?stringstyle?string | CSSPropertiesvaluestring— Value identifying this panel. Must match a Trigger's value.
hijos: Element
Listcomponente
@solidiom/tabs — Headless tabs primitive with keyboard navigation and roving focus. Parts: Root, List, Trigger, Content.
List(props: TabsListProps): Element
Propiedades
class?stringref?(el: HTMLDivElement) => void
hijos: Element
Rootcomponente
@solidiom/tabs — Headless tabs primitive with keyboard navigation and roving focus. Parts: Root, List, Trigger, Content.
Root(props: TabsRootProps): Element
Propiedades
activationMode?ActivationMode— Activation mode: "automatic" (default) activates on focus, "manual" on Enter/Space.defaultValue?string— Default active tab for uncontrolled mode.onValueChange?(value: string, details: ChangeDetails<TabsReason>) => void— Called when active tab changes.orientation?"horizontal" | "vertical"— Orientation: "horizontal" (default) or "vertical".value?Accessor<string>— Controlled active tab value.
hijos: Element
TabsContentPropsinterfaz
Props for a tab content panel.
Propiedades
class?stringstyle?string | CSSPropertiesvaluestring— Value identifying this panel. Must match a Trigger's value.
hijos: Element
TabsListPropsinterfaz
Props for the tab list container.
Propiedades
class?stringref?(el: HTMLDivElement) => void
hijos: Element
TabsReasontipo
Reason for a tab value change.
TabsRootPropsinterfaz
Props for the tabs root container.
Propiedades
activationMode?ActivationMode— Activation mode: "automatic" (default) activates on focus, "manual" on Enter/Space.defaultValue?string— Default active tab for uncontrolled mode.onValueChange?(value: string, details: ChangeDetails<TabsReason>) => void— Called when active tab changes.orientation?"horizontal" | "vertical"— Orientation: "horizontal" (default) or "vertical".value?Accessor<string>— Controlled active tab value.
hijos: Element
TabsTriggerPropsinterfaz
Props for an individual tab trigger button.
Propiedades
disabled?boolean— Whether this tab trigger is disabled.ref?(el: HTMLButtonElement) => voidvaluestring— Value identifying this tab. Must match a Content's value.
hijos: Element
Triggercomponente
@solidiom/tabs — Headless tabs primitive with keyboard navigation and roving focus. Parts: Root, List, Trigger, Content.
Trigger(props: TabsTriggerProps): Element
Propiedades
disabled?boolean— Whether this tab trigger is disabled.ref?(el: HTMLButtonElement) => voidvaluestring— Value identifying this tab. Must match a Content's value.
hijos: Element