Skip to content
Stylus UI

Pro Tag

A small, stylish tag that can be used to mark premium or professional content or users.
FigmaGitHubStorybook

Usage

import { ProTag } from "stylus-ui/ProTag";


export default () => <ProTag />;

Dark mode

When displayed on a dark background, pass in variant="dark".

import { ProTag } from "stylus-ui/ProTag";


export default () => <ProTag variant="dark" />;

API Reference

ProTag

Inherits properties from HTMLButtonElement.

Prop
Type
Default
className string
hideIcon boolean false
onClick () => void
variant "light""dark" "light"