SwichViewSelect

El componente SwichViewSelect permite al usuario alternar entre diferentes vistas de selección mediante opciones visuales, representadas por íconos específicos para cada vista de selección.

Ejemplo

Importación

Para importar el componente SwichViewSelect, se puede hacer desde fenextjs

import { SwichViewSelect } from "fenextjs";

Parámetros

Parámetro	Tipo	Requerido	Default	Descripcion
className	string	no	""	Clase CSS para el contenedor del componente.
defaultValue	"fenext-swich-view-select-box" \| "fenext-swich-view-select-list" \| "fenext-swich-view-select-normal"	no	"fenext-swich-view-select-normal"	Valor predeterminado de la vista de selección inicial.
onChange	(e?: SwichViewSelectType) => void	no	undefined	Función que se ejecuta al seleccionar una nueva vista.

Storybook

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

Usos

Ejemplo básico

<SwichViewSelect />

Con valor predeterminado y función de cambio

<SwichViewSelect
  defaultValue="fenext-swich-view-select-box"
  onChange={(e) => console.log("Vista seleccionada:", e)}
/>

Aplicando una clase personalizada

<SwichViewSelect className="custom-class" />

Swichviewlist Swichviewtable