Noora (0.81.4)

Neutral Button

Neutral button sizes from small to large Open in playground

<.neutral_button size="small">
  <.chevron_right />
</.neutral_button>
<.neutral_button size="medium">
  <.chevron_right />
</.neutral_button>
<.neutral_button size="large">
  <.chevron_right />
</.neutral_button>

Different button states Open in playground

<.neutral_button size="medium">
  <.chevron_right />
</.neutral_button>
<.neutral_button disabled size="medium">
  <.chevron_right />
</.neutral_button>

Text labels from small to large Open in playground

<.neutral_button label="Button" size="small"/>
<.neutral_button label="Button" size="medium"/>
<.neutral_button label="Button" size="large"/>

Text label states and icons Open in playground

<.neutral_button label="Button" size="large">
  <:icon_left><.chevron_left /></:icon_left>
  <:icon_right><.chevron_right /></:icon_right>
</.neutral_button>
<.neutral_button disabled label="Button" size="large"/>

Neutral buttons with various icon types Open in playground

<.neutral_button size="medium">
  <.chevron_left />
</.neutral_button>
<.neutral_button size="medium">
  <.chevron_right />
</.neutral_button>