Drawer

Drawer component for sliding panel overlays.

View on GitHub
To use async Drawer component, you need to have a <turbo-frame id='drawer'> in your layout 
<%= turbo_frame_tag :drawer %>

And wrap response content with the drawer component:

<%= render Ui::Drawer::Component.new(title: "Title HERE") do %>
  ...
<% end %>

Example

  • Preview
  • Code

    • Info

    Labore voluptate qui ex nostrud duis. Elit aute sit dolor consectetur minim tempor sunt excepteur tempor et irure. Cupidatat id sint irure amet dolor aute. Ea ullamco aliquip id cillum laboris sunt irure magna eu proident mollit irure voluptate magna. Commodo dolore ex ullamco amet duis nulla minim. Dolore reprehenderit aliqua veniam aute minim magna fugiat. Irure Lorem nisi ex reprehenderit amet quis deserunt mollit anim laborum ut incididunt nisi ut dolor.

    Labore voluptate qui ex nostrud duis. Elit aute sit dolor consectetur minim tempor sunt excepteur tempor et irure. Cupidatat id sint irure amet dolor aute. Ea ullamco aliquip id cillum laboris sunt irure magna eu proident mollit irure voluptate magna. Commodo dolore ex ullamco amet duis nulla minim. Dolore reprehenderit aliqua veniam aute minim magna fugiat. Irure Lorem nisi ex reprehenderit amet quis deserunt mollit anim laborum ut incididunt nisi ut dolor.

    Labore voluptate qui ex nostrud duis. Elit aute sit dolor consectetur minim tempor sunt excepteur tempor et irure. Cupidatat id sint irure amet dolor aute. Ea ullamco aliquip id cillum laboris sunt irure magna eu proident mollit irure voluptate magna. Commodo dolore ex ullamco amet duis nulla minim. Dolore reprehenderit aliqua veniam aute minim magna fugiat. Irure Lorem nisi ex reprehenderit amet quis deserunt mollit anim laborum ut incididunt nisi ut dolor.

    Learn more Get access

    Are you sure?

    This cannot be undone.