Tabs

Ejemplo básico de tabs demostrando el comportamiento principal.

Paquete: @solidiom/tabs
Versión: 0.0.1-next.0
Estado: stable

Ejemplos

import * as Tabs from "@solidiom/tabs"

;<Tabs.Root>Contenido de Tabs</Tabs.Root>

Configuración y preferencias generales.

Ver código fuente

        export function TabsExample(props: TabsExampleProps) {
  const copy = () => COPY[props.locale]

  return (
    <div ref={(el) => el.setAttribute("data-hydrated", "true")} class="tabs-example">
      <Tabs.Root defaultValue="general">
        <Tabs.List aria-label="Settings">
          {copy().tabs.map((tab) => (
            <Tabs.Trigger value={tab.value}>{tab.label}</Tabs.Trigger>
          ))}
        </Tabs.List>
        {copy().tabs.map((tab) => (
          <Tabs.Content value={tab.value}>{tab.content}</Tabs.Content>
        ))}
      </Tabs.Root>
    </div>
  )
}