Checkbox

Ejemplo básico de checkbox demostrando el comportamiento principal.

Paquete: @solidiom/checkbox
Versión: 0.0.1-next.0
Estado: stable

Ejemplos

import * as Checkbox from "@solidiom/checkbox"

;<Checkbox.Group>Contenido de Checkbox</Checkbox.Group>

Alterna con Espacio para marcar o desmarcar.

Ver código fuente

        export function CheckboxExample(props: CheckboxExampleProps) {
  const copy = () => COPY[props.locale]
  const [checked, setChecked] = createSignal(false)

  return (
    <div ref={(el) => el.setAttribute("data-hydrated", "true")} class="checkbox-example">
      <Checkbox.Root checked={checked} onCheckedChange={setChecked} aria-label={copy().label}>
        <Checkbox.Indicator>{checked() ? "✓" : ""}</Checkbox.Indicator>
      </Checkbox.Root>
      <span>{copy().description}</span>
    </div>
  )
}