Boolean
UIIndicador visual de valores booleanos con iconos y colores semánticos. Ideal para tablas de datos.
Uso básico
<x-kore::boolean :value="true" />
<x-kore::boolean :value="false" /><x-kore::boolean :value="true" />
<x-kore::boolean :value="false" />Tamaños
Tres tamaños disponibles: sm, md (default), lg.
<x-kore::boolean :value="true" size="sm" />
<x-kore::boolean :value="true" size="md" />
<x-kore::boolean :value="true" size="lg" /><x-kore::boolean :value="true" size="sm" />
<x-kore::boolean :value="true" size="md" />
<x-kore::boolean :value="true" size="lg" />Colores personalizados
Personaliza los colores semánticos para los estados true y false.
<x-kore::boolean :value="true" trueColor="primary" />
<x-kore::boolean :value="false" falseColor="warning" /><x-kore::boolean :value="true" trueColor="primary" />
<x-kore::boolean :value="false" falseColor="warning" />Iconos personalizados
Cambia los iconos Lucide para cada estado.
<x-kore::boolean :value="true" trueIcon="check-circle" falseIcon="x-circle" />
<x-kore::boolean :value="false" trueIcon="check-circle" falseIcon="x-circle" /><x-kore::boolean :value="true" trueIcon="check-circle" falseIcon="x-circle" />
<x-kore::boolean :value="false" trueIcon="check-circle" falseIcon="x-circle" />Props
| Prop | Tipo | Default | Descripción |
|---|---|---|---|
value
|
bool | false | Valor a representar |
trueIcon
|
string|null | config(check) | Icono Lucide para true |
falseIcon
|
string|null | config(x) | Icono Lucide para false |
trueColor
|
string|null | config(success) | Color semántico para true |
falseColor
|
string|null | config(destructive) | Color semántico para false |
size
|
string | md | Tamaño: sm, md, lg |