Badge

Badges show how important you are. Gold ones are the best.

Includes a Ruby component and corresponding Rails helper

Ruby

Example

Default

<%= nk_badge("Default") %>

Install

Set up Nitro Kit then

bin/rails generate nitro_kit:add badge

Files generated

Variants

nk_outline_badge

Outline

Sizes

Small :sm

Medium :md

<div class="flex gap-4 items-center text-xs text-center">
  <div class="flex flex-col gap-4">
    <%= nk_badge "Small", size: :sm %>
    <code>:sm</code>
  </div>
  <div class="flex flex-col gap-4">
    <%= nk_badge "Medium", size: :md %>
    <code>:md</code>
  </div>
</div>

Usage

`nk_badge(text = nil, variant: :default, size: :md, **attrs)`
Property	Default	Description
`text`	`nil`	Plain text content
`variant`	`:default`	One of `:default` / `:outline`
`size`	`:md`	One of `:sm` / `:md`
`**attrs`		HTML attributes for `<span>` element