Tag

A highlighted inline piece of text.

See all the examples and details in the Storybook.

Usage

import { Tag } from "@samgl/graffiti-ui";

const MyTag = () => {
  return <Tag $color="cyan" label="Hello, this is a tag" />;
};

Props

Prop	Type	Default	Optional	Description
label	string		❌	The text to display inside the tag.
$color	string		❌	The colour of the tag. Should match a colour from the theme.
className	string		✅	The class name of the component, generally used when extending the component with a styled component.