Catálogo de componentes

Encuentra componentes según su función, con referencias de API, ejemplos y pautas de accesibilidad.

Componentes

Panel lateral de navegación reutilizable con una selección, independiente de Fumadocs y del router.

Código

import { Sidebar } from "@liquidify/react/sidebar"

Prop	Tipo	Valor predeterminado	Descripción
children	`ReactNode`	`undefined`	Contenido de navegación e hijos directos Header/Footer opcionales.
className	`string \| undefined`	Sin especificar	Clase CSS adicional para la superficie. Permite modificar tokens `--lq-*` desde una hoja de estilos.
defaultValue	`string \| null \| undefined`	`null`	Selección inicial no controlada.
dir	`"auto" \| "ltr" \| "rtl" \| undefined`	`undefined`	Dirección del texto, heredada del contenedor por defecto.
id	`string \| undefined`	`undefined`	id nativo de la raíz.
onChange	`((value: string \| null) => void) \| undefined`	`undefined`	Solicita la siguiente selección en ambos modos. Las selecciones sin cambio no emiten callbacks.
ref	`Ref<HTMLElement> \| undefined`	Sin especificar	Ref a la raíz renderizada o al hijo combinado. Su tipo genérico sigue la raíz polimórfica del componente y usa `HTMLElement` por defecto.
tint	`LiquidTintValue \| undefined`	Sin especificar	Acento del sistema de la paleta LIQUID_COLORS de 13 colores. Cambia el tinte, el foco y la selección sin modificar la variante visual.
value	`string \| null \| undefined`	`undefined`	Identidad seleccionada controlada. null indica explícitamente que no hay selección.