Checkbox

The dimple checkbox: a recessed well that turns into a dark pressed key with a drawn tick; doing (half green) and ghost (an inferred task's hollow ring) states.

Library

Metal UI

Framework

React + SwiftUI

Type

ui

License

MIT

Dependencies

@base-ui/react@^1.8.0

Files

• packages/metalui/src/components/checkbox/checkbox.tsx
• packages/metalui/src/icons/TickGlyph.tsx
• packages/metalui/src/icons/tick.generated.ts
• packages/metalui/src/motion/layout-effect.ts
• packages/metalui/src/motion/reduced.ts

Source

https://github.com/vijayksingh/metalui

Categories

• Checkbox Components
• React Checkbox Components
• Tailwind CSS Checkbox Components
• Input Components
• React Input Components
• Tailwind CSS Input Components

More from Metal UI

• Checkbox group
• Accordion
• Alert dialog
• Attachment
• Avatar
• AI composer
• Availability picker
• Settings
• Share panel
• Block silhouette
• Studio week
• Task inbox