Doggo Storybook 0.9.0

Storybook
- Introduction
- Buttons
- Data
  - Accordion
  - Card
  - Date
  - Datetime
  - Fallback
  - Property List
  - Table
  - Tabs
  - Tag
  - Time
  - Tree
- Feedback
- Form
- Layout
- Media
- Menu
- Miscellaneous
- Navigation

Tag

Renders a tag, typically used for displaying labels, categories, or keywords.

Usage

<.tag>Well-Trained</.tag>

With icon:

<.tag>
  Puppy
  <.icon><Heroicons.edit /></.icon>
</.tag>

With delete button:

<.tag>
  High Energy
  <.button
    phx-click="remove-tag"
    phx-value-tag="high-energy"
    aria-label="Remove tag"
  >
    <.icon><Heroicons.x /></.icon>
  </.button>
</.tag>

nil pill

Attribute	Type	Documentation	Default
class	:any	Any additional classes to be added. Variations of the component should be expressed via modifier attributes, and it is preferable to use styles on the parent container to arrange components on the page, but if you have to, you can use this attribute to pass additional utility classes to the component. The value can be a string or a list of strings.	[]
rest	:global	Any additional HTML attributes.
shape	:string
size	:string		"normal"
variant	:string
Required inner_block *	:slot
[Multiple values]