Field

Compose a label, a control, helper text, and a validation message into one accessible field: fieldsets, legends, groups, separators, and vertical, horizontal, or responsive layouts.

Library

Fluid Functionalism

Framework

React

Type

ui

License

MIT

Dependencies

lucide-react

Install

npx shadcn@latest add @fluid/field

Files

• registry/default/field.tsx
• registry/default/lib/utils.ts
• registry/default/lib/font-weight.ts
• registry/default/lib/shape-context.tsx
• registry/default/lib/icon-context.tsx
• registry/default/lib/size-context.tsx
• registry/default/lib/type-scale.ts
• registry/default/input.tsx

Source

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

Categories

• Form Field Components
• React Form Field Components
• Tailwind CSS Form Field Components
• Input Components
• React Input Components
• Tailwind CSS Input Components

More from Fluid Functionalism

• Input Group
• Accordion
• Accordion (Base UI)
• Ask User Questions
• Badge
• Banner
• Breadcrumb
• Button
• Button (Base UI)
• Calendar
• Card
• Carousel Dots