Tag

Styled tag/badge component.

Live Demo

Default TagAccent TagNeutral Tag

ReactVueAngularSvelte

Usage

<template>
  <div>
    <orio-tag text="JavaScript" />
    <orio-tag text="Featured" variant="accent" />
  </div>
</template>

Props

Prop	Type	Default	Description
text	string	-	Tag text content
variant	'neutral' | 'accent'	'neutral'	Tag visual style