swichview
Swichviewtable

SwichViewTable

El componente SwichViewTable permite a los usuarios alternar entre diferentes vistas de tabla mediante iconos específicos para cada opción de visualización.

Ejemplo

Importación

Para importar el componente SwichViewTable, se puede hacer desde fenextjs

import { SwichViewTable } from "fenextjs";

Parámetros

ParámetroTipoRequeridoDefaultDescripcion
classNamestringno""Clase CSS para el contenedor del componente.
defaultValue"fenext-swich-view-table-box" | "fenext-swich-view-table-list"no"fenext-swich-view-table-list"Vista de tabla predeterminada que se muestra al cargar el componente.
onChange(e?: SwichViewTableType) => voidnoundefinedFunción que se ejecuta cuando se selecciona una nueva vista de tabla.

Storybook

Para ver el storybook del componente lo puede hacer con este link (opens in a new tab)

Usos

  • Ejemplo básico
<SwichViewTable />
  • Con valor predeterminado y función de cambio
<SwichViewTable
  defaultValue="fenext-swich-view-table-box"
  onChange={(e) => console.log("Vista de tabla seleccionada:", e)}
/>
  • Aplicando una clase personalizada
<SwichViewTable className="custom-table-class" />