Cards, component variants, better reusability #257
BarakChamo
started this conversation in
Suggestions
Replies: 0 comments
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
-
Hi folks!
Origin UI is shaping up to be quite a stunning collection of components! I particularly appreciate the attention to more complex component combinations (like buttons with badges or range of tab styles) which are great for composing more complex interfaces.
Are few suggestions and requests after browsing through the site and the source:
Components
Card
componentPlease add a base card component with variants for actions, basic styling for headers / footers, etc. Cards are the build blocks of most UIs (dashboards in particular) and while you have some great components that are card-based (like the dialog), it would be great to just have a powerful and versatile card component.
Component Props
As far as I can tell, the base components exported from your default collection all support variants but these are not documented anywhere.
I understand the site is optimized towards a "browser-and-copy" workflow, but it's hard to adapt components to certain needs without clear documentation of what's available, having to revert back to the source.
If you're strictly matching shadcn/ui props, it'll be good to know as well.
Variants
This is, in my opinion, the best part of Origin UI - the rich set of variants available for each base component, such as the buttons with number labels or inputs with icons, but these are not very well encapsulated as sub-components which makes reusability tricky if there is further customization applied like button size, or toggling certain elements on and off.
It would be really nice if such sub-elements, like the icon for the input:
would be somehow encapsulated as subcomponents that are less verbose and easier to reuse / extend with consistent styling.
Thanks again for the great work!
Beta Was this translation helpful? Give feedback.
All reactions