componente · @solu30/ui-kit/navigation

ViewModeToggle

El componente, montado

Cargando el componente del paquete instalado…

Cargando el chunk del paquete instalado…

De dónde se importa

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

Props

5 props declaradas en los tipos de la versión instalada.
Prop	Requerida	Tipo	Qué hace
value	sí	`T`	Current active mode
onChange	sí	`(mode: T) => void`	Called when the user selects a different mode
options	opcional	`ViewModeOption<T>[]`	Options to render (defaults to grid + list if omitted)
ariaLabel	opcional	`string`	Accessible group label
className	opcional	`string`	Additional CSS class

Ejemplo del paquete

import { LayoutGrid, LayoutList } from 'lucide-react'
<ViewModeToggle
value={viewMode}
onChange={setViewMode}
options={[
{ value: 'grid', icon: <LayoutGrid className="h-4 w-4" />, title: 'Vista cuadrícula' },
{ value: 'list', icon: <LayoutList className="h-4 w-4" />, title: 'Vista lista' },
]}
/>

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.