SegmentedControl

El componente, montado

Cargando el chunk del paquete instalado…

De dónde se importa

import { SegmentedControl } from '@solu30/ui-kit/navigation'

Props

Los tipos instalados no declaran props propias para este símbolo. No quiere decir que no acepte ninguna: puede heredarlas de un tipo del que el catálogo no sigue el rastro.

Ejemplo del paquete

import { LayoutGrid, LayoutList } from 'lucide-react'
<SegmentedControl
value={mode}
onChange={setMode}
options={[
{ value: 'grid', icon: <LayoutGrid className="h-3 w-3" />, label: 'Grid', title: 'Grid view' },
{ value: 'list', icon: <LayoutList className="h-3 w-3" />, label: 'List', title: 'List view' },
]}
/>
<SegmentedControl
value={activeSection}
onChange={() => {}}
options={[
{ value: 'plantillas', label: 'Plantillas', href: '/rrhh/tareas/plantillas' },
{ value: 'informes', label: 'Informes', href: '/rrhh/cursos/informes' },
]}
renderLink={({ href, ...props }) => <Link href={href} {...props} />}
/>

Del @example del JSDoc de @solu30/ui-kit, sin editar. Cuatro de los 69 ejemplos del paquete traen pegada la firma cruda del .d.ts —el mismo defecto del extractor que se come las descripciones—, y por eso la caja tiene tope de alto: el ejemplo de verdad suele estar al final.