alert
Utilities to create alert components.
List of properties and components
| Class |
|---|
| v-alert-dark |
| v-alert-light |
| v-alert-danger |
| v-alert-info |
| v-alert-primary |
| v-alert-smooth |
| v-alert-secondary |
| v-alert-warning |
| v-alert-green |
A simple green alert—check it out!
<-- add a alert class to body tag-->
+ <body class="component">
<div class="v-alert-green">
<h3 > A simple primary alert—check it out!</h3>
</div>
By default v-alert has a fixed position
A simple primary alert—check it out!
<-- add a alert class to body tag-->
+ <body class="component">
<div class="v-alert-primary">
<h3 > A simple primary alert—check it out!</h3>
</div>
A simple danger alert—check it out!
<-- add a alert class to body tag-->
+ <body class="component">
<div class="v-alert-danger">
<h3 > A simple primary alert—check it out!</h3>
</div>
A simple info alert—check it out!
<-- add a alert class to body tag-->
+ <body class="component">
<div class="v-alert-info">
<h3 > A simple primary alert—check it out!</h3>
</div>
A simple warning alert—check it out!
<-- add a alert class to body tag-->
+ <body class="component">
<div class="v-alert-warning">
<h3 > A simple primary alert—check it out!</h3>
</div>
A simple secondary alert—check it out!
<-- add a alert class to body tag-->
+ <body class="component">
<div class="v-alert-secondary">
<h3 > A simple primary alert—check it out!</h3>
</div>
A simple smooth alert—check it out!
<-- add a alert class to body tag-->
+ <body class="component">
<div class="v-alert-smooth">
<h3 > A simple primary alert—check it out!</h3>
</div>
A simple dark alert—check it out!
<-- add a alert class to body tag-->
+ <body class="component">
<div class="v-alert-dark">
<h3 > A simple primary alert—check it out!</h3>
</div>
A simple light alert—check it out!
<-- add a alert class to body tag-->
+ <body class="component">
<div class="v-alert-light">
<h3 > A simple primary alert—check it out!</h3>
</div>