Heads up!
This site uses cookies to enhance your browsing experience and analyse traffic. By clicking "Accept", you consent to our use of cookies.
Cookie Policy

Alert

TntAlert is just a wrapper around Nuxt UI's UAlert and accepts all of the same props.

<TntAlert
  title="Title"
  description="This is an alert."
  variant="subtle"
/>
vue
Title
This is an alert.

As well as this, TntAlert defines some custom properties for quickly and easily creating some commonly used alert types.

Success

<TntAlert title="Work Saved" success />
vue
Work Saved

Info

<TntAlert title="Coming Soon" info />
vue
Coming Soon

Warning

<TntAlert title="Oops!" warning />
vue
Oops!

Error

<TntAlert title="Action Denied" error />
vue
Action Denied

Large

<TntAlert title="Bigger Text and Icon" info large />
vue
Bigger Text and Icon
Links

Copyright © All rights reserved

Hero Patterns by Steve Schoger (CC By 4.0)