Alert

Prop	Data type	Required?	Default	Description
color	blue | red | purple | green | yellow	No	secondary	The color of the alert container

Alert colors

Funkwhale alerts support a range of pastel colors for visual appeal.

Colors

• Red
• Blue
• Purple
• Green
• Yellow

Blue

<fw-alert color="blue">
  Blue alert
</fw-alert>

Blue alert

Red

<fw-alert color="red">
  Red alert
</fw-alert>

Red alert

Purple

<fw-alert color="purple">
  Purple alert
</fw-alert>

Purple alert

Green

<fw-alert color="green">
  Green alert
</fw-alert>

Green alert

Yellow

<fw-alert color="yellow">
  Yellow alert
</fw-alert>

Yellow alert

Alert actions

<fw-alert>
  Awesome artist

  <template #actions>
    <fw-button>Got it</fw-button>
  </template>
</fw-alert>

Awesome artist