Saltar al contenido
El Muestrario

componente · @solu30/ui-kit/display

SkeletonTableRow

Esqueleto de carga con la forma de una fila de tabla, con la cantidad de columnas que se le pida.

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

  • TheCharterPanel
  • cmp-packages
  • dietaly

El componente, montado

Cargando el componente del paquete instalado…

Cómo se usa

import { SkeletonTableRow } from '@solu30/ui-kit/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

// Va DENTRO de un <TableBody>: dibuja un <tr> con `columns` celdas.
<TableBody>
  {cargando && Array.from({ length: 5 }, (_, i) => <SkeletonTableRow key={i} columns={4} />)}
</TableBody>

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.