Components
Loading preview...
Here is The Input component
@felipemenezes098
npx shadcn@latest add https://21st.dev/r/felipemenezes098/the-input
import { SearchIcon } from 'lucide-react'
import { Button } from '@/components/ui/button'
import { ButtonGroup } from '@/components/ui/button-group'
import { Input } from '@/components/ui/input'
export default function Input14() {
return (
<ButtonGroup className="mx-auto flex max-w-sm">
<Input
placeholder="Search..."
className="h-9 flex-1"
/>
<Button
variant="outline"
aria-label="Search"
className="h-9 w-9 shrink-0 px-0"
>
<SearchIcon className="size-4" />
</Button>
</ButtonGroup>
)
}