Changelog

Keep up with the latest at Rails Designer. The professionally designed UI components built with View Component, Tailwind CSS, and Hotwire get regular updates. Explore each new version in detail on this page.

Grab the RSS feed or . Curious about what's in the works? Explore the roadmap.

  1. 1.1.3

    The last(?) bugfix release to fix the last few issues around icon/svg rendering.

    πŸŽ·πŸ› Bugfix

    • Render correct icon in MedialistVarian
    • Correctly render icons in variant previews
  2. 1.1.2

    πŸŽ·πŸ› Bugfix

    • Added missing icons for inline SVGs to NotificationComponent
    • Use correct icon for chat message variant
    • Removed unused open: true to AccordionComponent in SidebarNavigationComponent
    • Fix issues with inline SVG icons
  3. 1.1.1

    A bugfix release to squash some bugs from the 1.1.0 release.

    πŸŽ·πŸ› Bugfix

    • Fix url to view-helpers in initializer
    • Fix old predicate method use in HeadingComponent
    • All view helpers are now correctly loaded, ready to be used in your app
  4. 1.1.0

    Hot on the heels of V1, here’s 1.1.0!

    πŸ“¦ New

    πŸ’… Additions

    πŸ§™β€β™‚οΈπŸŽ©πŸ‡ Improvements

    • Use inquiry in many components instead of custom predicate methods (eg. @theme.dark? instead of dark_theme?)
    • Basic config options for NotificationComponent
    • Use dynamic incon insertion for component files (similar to component variants)

    πŸŽ·πŸ› Bugfix

    • Fix icon on stacked list variant
    • Fix correct class inheritance for ButtonComponent
  5. 1.0.0

    Here is v1 of Rails Designer! πŸŽ‰ With a big new feature to customize the variant configuration in the library. This makes it way easier to tweak the variants and know out-of-the-gate the supported values per configuration option. Next to that is supported for rails_icons. It defaults to inlining the Heroicon’s icons, if you choose not to install it.

    Preview of the configuration panel for the DropdownComponent, with the options to change values like position, theme and container CSs

    I also want to thank all of the early adopters who got their copy before this v1 was out. You are awesome! πŸ™Œ

    πŸ“¦ New

    πŸ’… Additions

    πŸ§™β€β™‚οΈπŸŽ©πŸ‡ Improvements

    • Changed varieties of x_transitions in the various components to data_transitions
    • Updated version dependencies for @github/hotkey and floating-ui
    • Improved transitions (appear/leave) Promise handling

    πŸŽ·πŸ› Bugfix

    • Fix issue of missing logos in GridsComponent variant
  6. 0.12.0

    πŸ“¦ New

    • CardHeadings (using HeadingComponent)
    • Added a base_controller configuration for the Library (defaults to ApplicationController)
    • Added a new category: utilities; useful little helpers for front-end code

    πŸ’… Additions

    πŸ§™β€β™‚οΈπŸŽ©πŸ‡ Improvements

    • Various minor textual improvements
    • Refactored CommandMenu in two component files (CommandMenu + CommandMenu::Item)
    • Start keyboard navigation from mouse-focussed item in CommandMenu
    • Renamed PageHeadingComponent to HeadingComponent to better match other use-cases
    • Tweaked to Run Generator button a show spinner when running
    • New Info panel to store any extra info on the component, instead of an inline comment (that you manually had to delete)

    πŸŽ·πŸ› Bugfix

    • Changed function name in delayed_remove_controller
    • Renamed legenda to legend in StatComponent (unsure what I was thinking here…)
  7. 0.11.0

    πŸ“¦ New

    πŸ’… Additions

    πŸŽ·πŸ› Bugfix

    • Fix icon comment on Modal Component variant
  8. 0.10.0

    Hello 100 Rails Designers!

    πŸ“¦ New

    βœ… Improvement

    • Text tweaks to the initializer
    • Added Current session to StackedListComponent Active sessions variant
    • Use component_base_class in SidebarComponent

    πŸ’… Additions

    πŸŽ·πŸ› Bugfix

    • Fix Named Export for Stimulus controllers (when using importmaps)
    • Force appended actions when running a generator from Library (it would stall otherwise)
    • Fix obstructing Notication Overlay (using pointer-events)
  9. 0.9.0

    πŸ“¦ New

    βœ… Improvement

    • Added vertical (up/down) keyboard navigation to DropdownComponent
    • Add reference/name to used icon’s in components and variants
    • Added max-height to DropdownComponent
    • Added option for action_style (button or link) for NotificationComponent
    • Added data-turbo-temporary to various components

    πŸ’… Additions

    πŸŽ·πŸ› Bugfix

    • Use user-defined gray_color in DropdownComponent variants
    • Fixed variable check in BadgeComponent’s states hash
    • Remove unused content_alignment attribute from SlideOverComponent
    • Updated syntax for setTimeout() in delayed_remove_controller
  10. 0.8.0

    Screenshot of a Rails Designer Components Library interface showing an example of Elements and Hovercards with a code editor displaying Ruby on Rails code for generating a hovercard component.

    πŸ“¦ New

    • Added engine helper + generator (component + stream_notification) [docs]
    • New HovercardComponent
    • Run the component generator straight from the Rails Designer Library πŸ€―πŸš€πŸŒ

    βœ… Improvement

    • Added data-turbo-temporary to the notifications turbo-frame
    • Tweaked alignment for non-stacked notifications
    • Refactor codebase to comply with Standard and Eslint guidelines
    • Added meta titles to each library page
    • Refactored the BadgeComponent to use polymorphic slots

    πŸ’… Additions

    πŸŽ·πŸ› Bugfix

    • Use modern syntax for setTimeout in the delayed_remove_controller.js
    • Fixed issue around the RailsDesigner::Factory loading
    • Added missing slots in AccordionComponent
  11. 0.7.0

    πŸ“¦ New

    βœ… Improvement

    πŸ’… Additions

    πŸŽ·πŸ› Bugfix

    • Included required data_attribute_controller.js for NavbarComponent
  12. 0.6.0

  13. 0.5.1

    The very first public beta release of Rails Designer. Including the initial batch of components:

    • Elements
      • AvatarComponent
      • BadgeComponent
      • DropdownComponent
    • Headings
      • PageHeadingComponent
    • Lists
      • ListItemComponent
    • Feedback
      • EmptyStateComponent
    • Navigation
      • NavbarComponent
      • SidebarNavigationComponent
    • Overlay
      • ModalComponent