v0.1.0

StepBadge

A small numbered square for step lists.

import { StepBadge } from "@cynco-labs/ui";

import { StepBadge } from "@cynco-labs/ui";

export default function StepBadgeDemo() {
	return (
		<div className="flex items-center gap-2 text-main">
			<StepBadge>1</StepBadge>Add your first customer
		</div>
	);
}

Use

Onboarding steps.

Props

The step number as children.

Source Demo source Markdown

StepBadge

Example

Use

Props