Contents

<!--prettier-ignore-->

<%= render "layouts/documentation/component_header",
  title: "Badge",
  description: "Displays a badge or a component that looks like a badge." %>

<%= content_for :preview, flush: true do %>
<div class="w-full mx-auto flex justify-center"><%= render_badge text: "Badge" %></div>
<div class="w-full mx-auto flex justify-center">
  <%= render_badge text: "Secondary", variant: :secondary %>
</div>
<div class="w-full mx-auto flex justify-center">
  <%= render_badge text: "Destructive", variant: :destructive %>
</div>
<div class="w-full mx-auto flex justify-center">
  <%= render_badge text: "Outline", variant: :outline %>
</div>
<div class="w-full mx-auto flex justify-center">
  <%= render_badge text: "Ghost", variant: :ghost %>
</div>
<div class="w-full mx-auto flex justify-center">
  <%= render_badge text: "Ghost Link", variant: :ghost, as: :link %>
</div>
<% 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>

<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"><a href="/docs/components/dialog#usage">Usage</a></h2>

Version data entries

2 entries across 2 versions & 1 rubygems

Version	Path
shadcn-ui-0.0.2	app/views/examples/components/badge.html.erb
shadcn-ui-0.0.1	app/views/examples/components/badge.html.erb