Tag

Variants

Tag

<DemoSpaceX>
  <VelvetTag @variant="primary">Tag</VelvetTag>
  <VelvetTag @variant="secondary">Tag</VelvetTag>
</DemoSpaceX>

Sizes

Tag

<DemoSpaceX>
  <VelvetTag @size="sm">Tag</VelvetTag>
  <VelvetTag @size="md">Tag</VelvetTag>
  <VelvetTag @size="lg">Tag</VelvetTag>
</DemoSpaceX>

Pill

Tag

<DemoSpaceX>
  <VelvetTag @isPill={{true}} @variant="primary">Tag</VelvetTag>
  <VelvetTag @isPill={{true}} @variant="secondary">Tag</VelvetTag>
</DemoSpaceX>

Signature

Element

HTMLDivElement

Blocks

Name	Description	Type
`:default` *	The label of the tag.	`[]`

Blocks marked with * are required.

Arguments

Name	Description	Type	Default Value
`@isPill`	Indicate if the tag is pill shaped.	`boolean`	`false`
`@size`	The size of the tag.	`'sm' \| 'md' \| 'lg'`	`"md"`
`@variant`	The appearance of the tag.	`string \| 'primary'`	`"primary"`

Arguments marked with * are required.