Home Components Tag
Tag
Overview Playground API
Use tags to label, categorize, or organize items using keywords that describe them.
Usage
Gray Blue Red Green Yellow
Gray Blue Red Green Yellow 


  <div class="component-container">
    <goat-tag>Gray</goat-tag>
    <goat-tag color="blue">Blue</goat-tag>
    <goat-tag color="red">Red</goat-tag>
    <goat-tag color="green" image-src="/assets/img/avatar.webp">
      Green
    </goat-tag>
    <goat-tag color="yellow">Yellow</goat-tag>
  </div>

  <div class="component-container">
    <goat-tag size="sm">Gray</goat-tag>
    <goat-tag color="blue" size="sm">Blue</goat-tag>
    <goat-tag color="red" size="sm">Red</goat-tag>
    <goat-tag color="green" size="sm" dismissible="true">Green</goat-tag>
    <goat-tag color="yellow" size="sm" dismissible="true">Yellow</goat-tag>
  </div>
Usage
Work in progress
Properties
Events
Methods
CSS Custom Properties
Previous Next