1.5 KiB
1.5 KiB
import Alert from "~/components/ui/Alert.vue"
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.
Blue
<Alert blue>
Blue alert
</Alert>
Red
<Alert red>
Red alert
</Alert>
Purple
<Alert purple>
Purple alert
</Alert>
Green
<Alert green>
Green alert
</Alert>
Yellow
<Alert yellow>
Yellow alert
</Alert>
Alert actions
<Alert blue>
Awesome artist
<template #actions>
<Button disabled>Deny</Button>
<Button>Got it</Button>
</template>
</Alert>