Tag

import { Tag } from "@medway-ui/core";
import { TrendingUp } from "@medway-ui/icons";
 
<Tag variant="regular" icon={<TrendingUp />}>Regular</Tag>
<Tag variant="regular-soft" icon={<TrendingUp />}>Regular Soft</Tag>
<Tag variant="regular-basic" icon={<TrendingUp />}>Regular Basic</Tag>

import { Tag } from "@medway-ui/core";
import { TrendingDown } from "@medway-ui/icons";
 
<Tag variant="emphasis" icon={<TrendingDown />}>Emphasis</Tag>
<Tag variant="emphasis-soft" icon={<TrendingDown />}>Emphasis Soft</Tag>
<Tag variant="emphasis-basic" icon={<TrendingDown />}>Emphasis Basic</Tag>

import { Tag } from "@medway-ui/core";
import { Bookmark } from "@medway-ui/icons";
 
<Tag variant="gray" icon={<Bookmark />}>Gray</Tag>
<Tag variant="gray-soft" icon={<Bookmark />}>Gray Soft</Tag>
<Tag variant="gray-basic" icon={<Bookmark />}>Gray Basic</Tag>

import { Tag } from "@medway-ui/core";
import { Check } from "@medway-ui/icons";
 
<Tag variant="success" icon={<Check />}>Success</Tag>
<Tag variant="success-soft" icon={<Check />}>Success Soft</Tag>
<Tag variant="success-basic" icon={<Check />}>Success Basic</Tag>

import { Tag } from "@medway-ui/core";
import { CloseMd } from "@medway-ui/icons";
 
<Tag variant="error" icon={<CloseMd />}>Error</Tag>
<Tag variant="error-soft" icon={<CloseMd />}>Error Soft</Tag>
<Tag variant="error-basic" icon={<CloseMd />}>Error Basic</Tag>

import { Tag } from "@medway-ui/core";
import { StopSign } from "@medway-ui/icons";
 
<Tag variant="warning" icon={<StopSign />}>Warning</Tag>
<Tag variant="warning-soft" icon={<StopSign />}>Warning Soft</Tag>
<Tag variant="warning-basic" icon={<StopSign />}>Warning Basic</Tag>

import { Tag } from "@medway-ui/core";
import { MedicalClinic } from "@medway-ui/icons";
 
<Tag variant="cm" icon={<MedicalClinic />}>CM</Tag>
<Tag variant="cm-soft" icon={<MedicalClinic />}>CM Soft</Tag>
<Tag variant="cm-basic" icon={<MedicalClinic />}>CM Basic</Tag>

import { Tag } from "@medway-ui/core";
import { GynecologyAndObstetrics } from "@medway-ui/icons";
 
<Tag variant="go" icon={<GynecologyAndObstetrics />}>GO</Tag>
<Tag variant="go-soft" icon={<GynecologyAndObstetrics />}>GO Soft</Tag>
<Tag variant="go-basic" icon={<GynecologyAndObstetrics />}>GO Basic</Tag>

import { Tag } from "@medway-ui/core";
import { Surgery } from "@medway-ui/icons";
 
<Tag variant="cir" icon={<Surgery />}>CIR</Tag>
<Tag variant="cir-soft" icon={<Surgery />}>CIR Soft</Tag>
<Tag variant="cir-basic" icon={<Surgery />}>CIR Basic</Tag>

import { Tag } from "@medway-ui/core";
import { Pediatrics } from "@medway-ui/icons";
 
<Tag variant="ped" icon={<Pediatrics />}>PED</Tag>
<Tag variant="ped-soft" icon={<Pediatrics />}>PED Soft</Tag>
<Tag variant="ped-basic" icon={<Pediatrics />}>PED Basic</Tag>

import { Tag } from "@medway-ui/core";
import { Preventive } from "@medway-ui/icons";
 
<Tag variant="prev" icon={<Preventive />}>PREV</Tag>
<Tag variant="prev-soft" icon={<Preventive />}>PREV Soft</Tag>
<Tag variant="prev-basic" icon={<Preventive />}>PREV Basic</Tag>

import { Tag } from "@medway-ui/core";
import { SparklesAi } from "@medway-ui/icons";
 
<Tag variant="ia" icon={<SparklesAi />}>IA</Tag>
<Tag variant="ia-soft" icon={<SparklesAi />}>IA Soft</Tag>
<Tag variant="ia-basic" icon={<SparklesAi />}>IA Basic</Tag>