Tags represent a set of interactive, merchant-supplied keywords that help label, organize, and categorize objects. Tags can be added or removed from an object by merchants.

Examples

<.tag>Wholesale</.tag>

See

• https://polaris.shopify.com/components/selection-and-input/tag
• https://github.com/Shopify/polaris/blob/main/polaris-react/src/components/Tag/Tag.tsx

Attributes

• on_remove (:any) - Callback when remove button is clicked or keypressed. Defaults to nil.
• phx_values (:list) - A list of key value pairs to be passed as a value for actions. See assign_phx_bindings/2. Defaults to [].
• disabled (:boolean) - Disables the tag. Defaults to false.
• accessibility_label (:string) - A string to use when tag has more than textual content. Defaults to nil.
• class (:string) - A class name to be added to the component class name. Defaults to "".
• size (:string) - The size of the tag. Defaults to nil.
• name (:string) - Name to be passed down to the remove button. Defaults to nil.
• value (:string) - Name to be passed down to the remove button. Defaults to nil.

Slots

• inner_block (required)