OctantisWeb.Components.Polaris.Icon (octantis v0.1.11)
View SourceIcons are used to visually communicate core parts of the product and available actions. They can act as wayfinding tools to help merchants more easily understand where they are in the product, and common interaction patterns that are available.
## Examples
<.icon>
<Icons.adjust />
</.icon>
See
Summary
Functions
Icons are used to visually communicate core parts of the product and available actions. They can act as wayfinding tools to help merchants more easily understand where they are in the product, and common interaction patterns that are available.
Functions
Icons are used to visually communicate core parts of the product and available actions. They can act as wayfinding tools to help merchants more easily understand where they are in the product, and common interaction patterns that are available.
## Examples
<.icon>
<Icons.adjust />
</.icon>
See
- https://polaris.shopify.com/components/images-and-icons/icon?example=icon-default
- https://github.com/Shopify/polaris/blob/main/polaris-react/src/components/Badge/Badge.tsx
- https://polaris.shopify.com/icons
Attributes
tone
(:string
) - Must be one of"base"
,"inherit"
,"subdued"
,"caution"
,"warning"
,"critical"
,"interactive"
,"info"
,"success"
,"primary"
,"emphasis"
,"magic"
,"textCaution"
,"textWarning"
,"textCritical"
,"textInfo"
,"textSuccess"
,"textPrimary"
, or"textMagic"
.accessibility_label
(:string
)
Slots
inner_block
(required)