<%= 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 %>

<%= render_badge text: "Badge" %>

<%= render_badge text: "Secondary", variant: :secondary %>

<%= render_badge text: "Destructive", variant: :destructive %>

<%= render_badge text: "Outline", variant: :outline %>

<%= render_badge text: "Ghost", variant: :ghost %>

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

Installation

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

Usage

<%= code_partial("badge/code/usage", :erb) %> <%= render_usage("badge") %>