Tag
Variants
Tag
Tag
<DemoSpaceX>
<VelvetTag @variant="primary">Tag</VelvetTag>
<VelvetTag @variant="secondary">Tag</VelvetTag>
</DemoSpaceX>
Sizes
Tag
Tag
Tag
<DemoSpaceX>
<VelvetTag @size="sm">Tag</VelvetTag>
<VelvetTag @size="md">Tag</VelvetTag>
<VelvetTag @size="lg">Tag</VelvetTag>
</DemoSpaceX>
Pill
Tag
Tag
<DemoSpaceX>
<VelvetTag @isPill={{true}} @variant="primary">Tag</VelvetTag>
<VelvetTag @isPill={{true}} @variant="secondary">Tag</VelvetTag>
</DemoSpaceX>
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" |