Checkbox

A single checkbox: a hairline square that darkens on hover and a check that draws itself. Pairs with Field. Radix flavor.

Library

Fluid Functionalism

Framework

React

Type

ui

License

MIT

Dependencies

@radix-ui/react-checkbox, motion

Install

npx shadcn@latest add @fluid/checkbox

Files

• registry/radix/checkbox.tsx
• registry/default/lib/utils.ts
• registry/default/lib/shape-context.tsx
• registry/default/lib/size-context.tsx
• registry/default/lib/type-scale.ts
• lib/type-scale.ts
• lib/utils.ts
• lib/size-context.tsx

Source

https://github.com/mickadesign/fluid-functionalism

Categories

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

More from Fluid Functionalism

• Checkbox (Base UI)
• Checkbox Group
• Checkbox Group (Base UI)
• Accordion
• Accordion (Base UI)
• Ask User Questions
• Badge
• Banner
• Breadcrumb
• Button
• Button (Base UI)
• Calendar