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ámetro | Tipo | Requerido | Default | Descripcion |
---|---|---|---|---|
className | string | no | "" | 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) => void | no | undefined | Funció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" />