Checkbox
@vincisys/eyeson

Checkbox

Controle de seleção para marcar uma ou mais opções.
Visualizar 
import { Checkbox } from "@vincisys/eyeson";

export function CheckboxBasicDemo() {
	return <Checkbox label="Place Holder" />;
}

Instalação

import { Checkbox } from '@vincisys/eyeson';

Uso

import { Checkbox } from '@vincisys/eyeson';

export function Example() {
return <Checkbox label="Aceitar termos" />;
}

Exemplos

Padrão
Visualizar 
import { Checkbox } from "@vincisys/eyeson";

export function CheckboxBasicDemo() {
	return <Checkbox label="Place Holder" />;
}

Marcado
Visualizar 
import { Checkbox } from "@vincisys/eyeson";

export function CheckboxCheckedDemo() {
	return <Checkbox label="Place Holder" defaultChecked />;
}

Desabilitado
Visualizar 
import { Checkbox } from "@vincisys/eyeson";

export function CheckboxDisabledDemo() {
	return (
		<div className="flex flex-col gap-3">
			<Checkbox label="Desabilitado" disabled />
			<Checkbox label="Marcado desabilitado" defaultChecked disabled />
		</div>
	);
}

Indeterminado
Visualizar 
import { Checkbox } from "@vincisys/eyeson";

export function CheckboxIndeterminateDemo() {
	return <Checkbox label="Parcialmente selecionado" indeterminate />;
}