With clear button

Clear button appears in the trailing addon when the field has text.

Library

FLX UI

Framework

React

Type

block

License

AGPL-3.0

Dependencies

lucide-react

Install

pnpm dlx shadcn@latest add @flx/input-07

Files

• registry/patterns/input/input-07.tsx
• src/components/ui/input-group.tsx
• src/lib/utils.ts
• src/components/ui/button.tsx
• src/components/ui/input.tsx
• src/components/ui/textarea.tsx

Source

https://github.com/felipemenezes098/ui-flx

Categories

• Form Field Components
• React Form Field Components
• Tailwind CSS Form Field Components
• shadcn/ui Form Field Components
• Input Components
• React Input Components
• Tailwind CSS Input Components
• shadcn/ui Input Components
• Text Input Components
• React Text Input Components
• Tailwind CSS Text Input Components
• shadcn/ui Text Input Components

More from FLX UI

• Hero 09
• Basic
• With Addon
• Disabled
• With Addon in the end
• With prefix and suffix
• With loading spinner
• With tooltip
• With popover
• With dropdown menu
• In Form
• React Hook Form + Zod