-
Notifications
You must be signed in to change notification settings - Fork 5.3k
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Variants for Input Component #2425
Comments
@shadcn Can i work on this feature? If you approve, I can start working on it. |
@thought7878 I believe you can work on it and then open a PR for it. The PR would have to be reviewed and closed by @shadcn. |
This issue has been automatically closed because it received no activity for a while. If you think it was closed by accident, please leave a comment. Thank you. |
|
I think it was closed by accident? There was indeed activity, someone offered to work in a MR but you did not provide any answer or feedback. It is something that quite a few people have been asking here and there. |
I believe it's not necessary any more since we have other community components built on shadcn and you can also install it using the shadcn CLI. One of my favorite ones is Origin UI, they have multiple variants for many components. Check it here |
Hey, thanks for your reply! Seems cool Origin UI, but none of these variants include a "small" input, for instance 😅 that is way i was asking, because it would be nice if shadcn would support size variants, in the same way Radix UI supports them. |
Totally agree. I think we already have that for some components like |
Title: Enhancement Proposal - Input Component Variants: Outlined, Filled, Standard
Issue Description:
The current Input component have one UI appearance which is the outlined one. Can we introduce two other variants: filled and standard one. Check the demo for the difference between the three versions.
Demo:
![Screenshot 2024-01-14 at 21-53-12 Tailwind CSS Floating Label - Flowbite](https://private-user-images.githubusercontent.com/29373629/296613585-131d62be-45bb-4a7e-9705-052ee29a5d42.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3Mzk0OTA4MzcsIm5iZiI6MTczOTQ5MDUzNywicGF0aCI6Ii8yOTM3MzYyOS8yOTY2MTM1ODUtMTMxZDYyYmUtNDViYi00YTdlLTk3MDUtMDUyZWUyOWE1ZDQyLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNTAyMTMlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjUwMjEzVDIzNDg1N1omWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTBkMjVlNDdkYTIzZWJjYzQ4YWRkNDA1MmIzN2RlNDZlZGJkMGMyZWMxY2FkOTAxMWM1MzM3NWM4MTU5MTNhYmImWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0In0.N-Q6vgxvi5pspL3mYxvs4x7vzcMFISFAgt9c4GnauQU)
The image was taken from tailwind flowbite here.
The text was updated successfully, but these errors were encountered: