Saltar al contenido
El Muestrario

componente · @solu30/ui-kit/data-display

TableCaption

El caption de la tabla: el nombre de la tabla para quien no la ve. Va adentro del table, no como un título suelto arriba.

2 sitios de import en 2 de 15 verticales — un archivo que la importa cuenta una vez, monte una instancia o veinte.

  • elliot
  • gestorsalon

La parte, adentro de su padre

Cargando el componente del paquete instalado…

TableCaption es una parte de Table: 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 { TableCaption } from '@solu30/ui-kit/data-display'

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

// El nombre de la tabla para un lector de pantalla. Va como PRIMER hijo de <Table>.
<Table>
  <TableCaption>Reservas de agosto</TableCaption>
  <TableHeader>…</TableHeader>
</Table>

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.