Site Logo
Sprocket UI
GitHub Logo
COMPONENT

Checkbox

An accessible checkbox component with support for indeterminate state, custom styling via render props, and keyboard navigation.

GitHub npm Bundle Size W3C ARIA Pattern
Features
  • Accessible checkbox with ARIA support
  • Render prop API for full style control
  • Indeterminate state support
  • Keyboard navigation (Space to toggle)
  • Works as controlled or uncontrolled
Example
import { Checkbox } from '@sprocketui/react';

export default function App() {
return <Checkbox defaultChecked>Enable system</Checkbox>;
}

Overview

The Checkbox component provides an accessible toggle input built on WAI-ARIA checkbox pattern. It supports render props for full visual customization, indeterminate state, and works seamlessly with form libraries.

Installation

terminal
Last updated on March 11, 2026
Previous
Button
Next
Input

Components

Form
Button
Checkbox
Input