Sha256: 3150750d70f5c623cdab84eda8cbea98bfe19c5fac692918a90f838b343a27e7

Contents?: true

Size: 1.03 KB

Versions: 8

Compression:

Stored size: 1.03 KB

Contents

<%= render_component_header title: "Input",
      description: "Displays a form input field or a component that looks like an input field." %>

<% content_for :preview, flush: true do %>
<div class="w-full flex justify-center">
  <%= render_code_preview('input') %>
</div>
<% end %>

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

<%= render_preview %>

<h2 class="font-heading scroll-m-20 border-b pb-2 text-2xl font-semibold tracking-tight first:mt-0" id="installation">Installation</h2>
<%= code_sample(language: "sh") do %>
  rails generate shadcn-ui input
<% end %>

<h2 class="font-heading mt-12 scroll-m-20 border-b pb-2 mb-2 text-2xl font-semibold tracking-tight first:mt-0" id="usage">Usage</h2>
<%= code_partial("input/usage", :erb) %>

<%= content_for :examples, flush: true do %>
  <%= render_input name: "sample_input", id: "sample_input", variant: :borderless %>
<% end %>

<% content_for :code, flush: true do %>
  <%= code_partial("input/borderless", :erb) %>
<% end %>

<%= render_example %>

Version data entries

8 entries across 8 versions & 1 rubygems

Version Path
shadcn-ui-0.0.15 app/views/examples/components/input.html.erb
shadcn-ui-0.0.14 app/views/examples/components/input.html.erb
shadcn-ui-0.0.13 app/views/examples/components/input.html.erb
shadcn-ui-0.0.12 app/views/examples/components/input.html.erb
shadcn-ui-0.0.10 app/views/examples/components/input.html.erb
shadcn-ui-0.0.8 app/views/examples/components/input.html.erb
shadcn-ui-0.0.5 app/views/examples/components/input.html.erb
shadcn-ui-0.0.4 app/views/examples/components/input.html.erb