componente · @solu30/ui-kit/navigation
TabsList
La fila de disparadores. Es el contenedor con rol de lista de pestañas.
79 sitios de import en 9 de 15 verticales — un archivo que la importa cuenta una vez, monte una instancia o veinte.
- TheCharterPanel
- carlosmartinpavon
- cmp-packages
- dietaly
- elliot
- gestorsalon
- luigi
- prepchat
- raquetea
La parte, adentro de su padre
Cargando el espécimen…
export function TabsRootSpecimen() {
return (
<Stage label="TabsRoot · la API compuesta — el panel «Competir» del socio, tal cual está en Raquetea" tall wide>
<TabsCompuesto />
</Stage>
)
}De specimens/navigation.tsx · TabsRootSpecimen: el espécimen del Muestrario, no un ejemplo oficial del paquete. Muestra cómo se usa la pieza de verdad, montada contra los tipos instalados —eso es lo que vale— pero no es documentación del kit.
TabsList es una parte de TabsRoot: sola no significa nada. Así que el escenario monta el padre completo, y lo que se ve incluye más piezas que la de esta ficha.
Cómo se usa
import { TabsList } from '@solu30/ui-kit/navigation'Props
El catálogo no extrajo props para este símbolo, y eso admite dos lecturas: que el tipo no declare ninguna propia —heredarlas de un elemento HTML es lo normal en las piezas de composición— o que su interfaz se llame distinto y el extractor no la siga. Los filtros de columna son el segundo caso: declaran cuatro props requeridas en SelectFilterProps.
Ejemplo del paquete
// La barra de disparadores. Va como primer hijo de TabsRoot.
<TabsList>
<TabsTrigger value="datos">Datos</TabsTrigger>
</TabsList>Del @example del JSDoc de @solu30/ui-kit, sin editar: son 65 de los 541 símbolos. La sangría y los renglones en blanco son los del paquete.