ZCheckbox

Checkbox input with label

Example

Unchecked

Import

import { ZCheckbox } from "zurto-ui";

Usage

import { ZCheckbox } from "zurto-ui";

function Example() {
  return (
    <>
      <ZCheckbox label="Accept terms and conditions" defaultChecked />
      <ZCheckbox label="Subscribe to newsletter" />
    </>
  );
}

Props

Prop	Type	Default	Description
label	string	-	Checkbox label
checked	boolean	false	Checked state
onChange	(checked) => void	-	Change handler
disabled	boolean	false	Disable checkbox

Accessibility

• ✅ Keyboard navigation support
• ✅ ARIA attributes included
• ✅ Screen reader friendly
• ✅ Focus management