Rails need a plug n play system for creating streamlined ui components.
Phlex looks fun and fast, so I thought I'd start creating ui components with it.
Here is the list of components that are being built. For reference, see here https://ui.shadcn.com/docs/components/accordion
✅ Accordion ✅ Alert ✅ Alert Dialog ✅ Aspect Ratio ✅ Avatar ✅ Badge ✅ Button ✅ Calendar ✅ Card ✅ Checkbox ✅ Codeblock ✅ Collapsible ⚪️ Combobox ✅ Command ⚪️ Context Menu ⚪️ Data Table ✅ Date Picker ✅ Dialog ✅ Dropdown Menu ⚪️ Form ✅ Hover Card ✅ Input ✅ Label ✅ Link ⚪️ Menubar ⚪️ Navigation Menu ✅ Pagination ✅ Popover ⚪️ Progress ⚪️ Radio Group ⚪️ Scroll Area ⚪️ Select ⚪️ Separator ✅ Sheet ⚪️ Skeleton ⚪️ Slider ⚪️ Switch ⚪️ Table ✅ Tabs ✅ Textarea ⚪️ Toast ⚪️ Toggle ✅ Tooltip ✅ Typography
To contribute to this project, it's recommended to install the gem locally and point to it in your Gemfile:
gem "rbui", path: "../rbui"
Similarly, link the rbui-js package locally using yarn:
yarn add ../rbui
- Eject the component you want to modify using the generator:
rails generate rbui:component combobox
- Make your desired changes to the ejected component
- Once you're satisfied with the modifications, integrate the component back into the gem in the appropriate location
This workflow allows you to iterate quickly on components while maintaining the gem's structure.
Would you like me to expand on any part of the contributing guide?