LycanUI
Accordion
Vertically stacked set of interactive headings that allow a user to expand and collapse sections.
<%= ui.accordion do |accordion| %>
<%= accordion.item do %>
<%= accordion.trigger do %>
What is it?
<% end %>
<%= accordion.content do %>
A collection of accessible and prestyled component partials for Ruby on Rails applications.
<% end %>
<% end %>
<%= accordion.item do %>
<%= accordion.trigger do %>
Can I customize it?
<% end %>
<%= accordion.content do %>
For sure. All the partials and JavaScript are generated directly in your app for for you to customize.
<% end %>
<% end %>
<%= accordion.item do %>
<%= accordion.trigger do %>
Is it accessible?
<% end %>
<%= accordion.content do %>
Yep. It adheres to the WAI-ARIA design patterns.
<% end %>
<% end %>
<% end %>
Installation
rails g lycan_ui:add accordion
Features
-
Full keyboard navigation
-
Can expand one or multiple items
Usage
Opening multiple items at once
Pass in multiple to ui.accordion with a value of true
<%= ui.accordion multiple: true do |accordion| %>
<%= accordion.item do %>
<%= accordion.trigger do %>
What is it?
<% end %>
<%= accordion.content do %>
A collection of accessible and prestyled component partials for Ruby on Rails applications.
<% end %>
<% end %>
<%= accordion.item do %>
<%= accordion.trigger do %>
Can I customize it?
<% end %>
<%= accordion.content do %>
For sure. All the partials and JavaScript are generated directly in your app for for you to customize.
<% end %>
<% end %>
<%= accordion.item do %>
<%= accordion.trigger do %>
Is it accessible?
<% end %>
<%= accordion.content do %>
Yep. It adheres to the WAI-ARIA design patterns.
<% end %>
<% end %>
<% end %>