Toggle

Uso basico

Modo oscuro

<x-kore::toggle label="Modo oscuro" />

<x-kore::toggle label="Modo oscuro" />

Con descripcion

Texto secundario para dar mas contexto.

Autenticacion de dos factores

Agrega una capa extra de seguridad a tu cuenta

<x-kore::toggle label="Autenticacion de dos factores"
    description="Agrega una capa extra de seguridad a tu cuenta" />

<x-kore::toggle label="Autenticacion de dos factores"
    description="Agrega una capa extra de seguridad a tu cuenta" />

On/Off Labels

Texto dentro del track del toggle. Funciona mejor con tamano lg.

OFF

Modo mantenimiento

<x-kore::toggle label="Modo mantenimiento" size="lg" on-label="ON" off-label="OFF" />

<x-kore::toggle label="Modo mantenimiento" size="lg" on-label="ON" off-label="OFF" />

Posicion del label

El label puede estar a la izquierda o derecha del toggle.

Label a la derecha (default)

Label a la izquierda

<x-kore::toggle label="Label a la derecha (default)" />
<x-kore::toggle label="Label a la izquierda" label-position="left" />

<x-kore::toggle label="Label a la derecha (default)" />
<x-kore::toggle label="Label a la izquierda" label-position="left" />

Tamanos

Tres tamanos disponibles.

Small

Medium

Large

<x-kore::toggle label="Small" size="sm" />
<x-kore::toggle label="Medium" size="md" />
<x-kore::toggle label="Large" size="lg" />

<x-kore::toggle label="Small" size="sm" />
<x-kore::toggle label="Medium" size="md" />
<x-kore::toggle label="Large" size="lg" />

Estados

Disabled y error.

Disabled off

Disabled on

Con error

Debes activar esta opcion

<x-kore::toggle label="Disabled off" disabled />
<x-kore::toggle label="Disabled on" disabled checked />
<x-kore::toggle label="Con error" error="Debes activar esta opcion" />

<x-kore::toggle label="Disabled off" disabled />
<x-kore::toggle label="Disabled on" disabled checked />
<x-kore::toggle label="Con error" error="Debes activar esta opcion" />

Props

Prop	Tipo	Default	Descripción
`label`	string\|null	null	Texto de la etiqueta
`description`	string\|null	null	Texto secundario
`size`	string	md	Tamano: sm, md, lg
`labelPosition`	string	right	Lado del label: left, right
`onLabel`	string\|null	null	Texto dentro del track cuando esta activado
`offLabel`	string\|null	null	Texto dentro del track cuando esta desactivado
`disabled`	bool	false	Estado deshabilitado
`name`	string\|null	null	Nombre para deteccion de errores
`error`	string\|null	null	Mensaje de error manual
`showError`	bool	true	Auto-detectar errores del \$errors bag