<% items = [{:value => "Ruby on Rails", name: "Ruby on Rails"}, {:value => "Next.js", name: "Next.js"}, {:value => "Remix.run", name: "Remix.run"}] %> <%= render_component_header title: "Filter", description: "Displays a list that is filterable via the included input." %> <%= content_for :preview, flush: true do %>

<%= render_code_preview('filter') %>

<% end %> <% content_for :code, flush: true do %> <%= code_partial("filter/preview", :erb) %> <% end %> <%= render_preview %>

Installation

<%= code_sample(language: "sh") do %> rails generate shadcn-ui filter <% end %>

Usage

<%= code_partial("filter/usage", :erb) %> <%= render_usage("filter") %> <% content_for :examples, flush: true do %>

<%= render_filter items, class: "p-1" do %> <%= filter_icon do %> <% end %> <% end %>

<% end %> <% content_for :code, flush: true do %> <%= code_partial("filter/icon.html", :erb) %> <% end %> <%= render_example %>