Badge

The badge component represents a badge.

Badge

Installation

Copy and paste the following file into your project.

ui/badge.hop

<component name="badge" class="bg-zinc-900 text-white inline-flex items-center justify-center gap-1 px-2 py-0.5 whitespace-nowrap rounded-md text-xs font-medium">
  Badge
</component>

Usage

main.hop

<import component="badge" from="ui/badge">

<component name="main">
	<render component="badge"></render>
</component>