[component] Create Checkbox

[theoribbi]

Summary

Implement the Checkbox component for NativeUI, inspired by the shadcn/ui Checkbox.

Requirements

• Use Pressable and View from react-native as base components.
• Support the following features:
  • Toggle between checked and unchecked states.
  • Support an indeterminate state.
  • Allow disabling the checkbox.
  • Optional label rendering.
  • Controlled and uncontrolled usage.
• Style the component using nativewind utility classes.
• Allow passing a className prop to customize or extend the default styles.
• Ensure type safety with TypeScript.

Deliverables

• Create a checkbox.tsx file under /registry/checkbox.
• Follow the structure and naming conventions similar to shadcn/ui Checkbox.

References

• shadcn/ui Checkbox Documentation
• nativewind Documentation

Notes

Focus on keeping the Checkbox simple, accessible, and easily customizable.
The goal is to make it easy to clone and adapt when building apps.

---