Products · Components

Icon

One of Dash's built-in icons, in three sizes and any tone.

The full list of names is on the components overview.

Children: Nothing · Inline: can sit within a line of text, inside a Text

Example

The Icon component
view.dml
<View direction="row" gap="medium">
  <Icon name="home" />
  <Icon name="wallet" tone="info" />
  <Icon name="success" tone="success" />
  <Icon name="warning" tone="warning" />
</View>

Props

PropTypeWhat it is
nameicon name, or one of your own icons
sizesizeDefault: medium.
tonetext tone, or a custom colorDefault: default.

Events

None.

Keep reading

On this page