Checkbox

#Default usage

#Usage

import { Checkbox } from "@froggdesign/enter-ui";

export function Example() {
  return (
    <>
      <label className="docs-preview-option"><Checkbox defaultChecked /> Publish docs</label>
      <label className="docs-preview-option"><Checkbox indeterminate /> Review mixed state</label>
      <label className="docs-preview-option"><Checkbox disabled /> Locked option</label>
    </>
  );
}

#Accessibility

Checkbox renders a visually hidden native input type="checkbox". The indeterminate prop sets the DOM indeterminate state and aria-checked="mixed".

#API

• indeterminate enables mixed state.
• Supports native checkbox props such as checked, defaultChecked, disabled, and name.

#Styling

Every exported component accepts className when it renders an element. EnterUI styles use .eui-* classes and --eui-* variables mapped from FroggDesign theme tokens.