The goal of this project is to create a component library.
The design system is providered by DaisyUI.
The Component Library is a Rails Engine.
It's build with TailwindCSS and DaisyUI, ViewComponent and Rails.
We take inspiration from the following projects:
https://github.com/primer/design
https://github.com/primer/view_components
This project use Lookbook for documentation
https://github.com/lookbook-hq/lookbook
The preview are in the test/components/previews folder
The docs are in the test/components/docs folder
use Gemfile to manage dependencies no gemspec
Use Minitest and Fixtures for testing
Use Capybara for testing
Create SVG for icons
DONT delete documentation comments in the code, update them instead
Ruby Style Guide
Style/ClassAndModuleChildren
good:
```ruby
module DaisyComponents
module Actions
class SwapComponentTest < DaisyComponents::ComponentTestCase
end
end
end
```
bad:
```ruby
class DaisyComponents::Actions::SwapComponentTest < DaisyComponents::ComponentTestCase
end
```
Every component preview should have a playground method with all the parameters as options and the description as Lookbook description.
For every component create:
- Ruy class
- html template
- lookbook preview with a playground method and the description as Lookbook description with group and label
- test
- documentation
For images, use placehold.co to generate placeholder images.
css
golang
html
javascript
ruby
tailwindcss
First Time Repository
A collection of ViewComponents implementing the DaisyUI design system
Ruby
Languages:
CSS: 0.7KB
HTML: 52.8KB
JavaScript: 0.9KB
Ruby: 102.4KB
Created: 1/7/2025
Updated: 1/12/2025
All Repositories (1)
A collection of ViewComponents implementing the DaisyUI design system