• Valclass | UI

  • Chameleon admin logo

    Valclass

  • Dashboard
  • V-class
  • V-navbar
  • V-table
  • V-btn
  • V-alert
  • V-modal
  • V-form
  • V-card

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!
							

			<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!
							

			<div class="v-alert-primary">
				<h3 > A simple primary alert—check it out!</h3>
			</div>
							
							
A simple danger alert—check it out!
							

			<div class="v-alert-danger">
				<h3 > A simple primary alert—check it out!</h3>
			</div>
							
							
A simple info alert—check it out!
							

			<div class="v-alert-info">
				<h3 > A simple primary alert—check it out!</h3>
			</div>
							
							
A simple warning alert—check it out!
							

			<div class="v-alert-warning">
				<h3 > A simple primary alert—check it out!</h3>
			</div>
							
							
A simple secondary alert—check it out!
							

			<div class="v-alert-secondary">
				<h3 > A simple primary alert—check it out!</h3>
			</div>
				
							
A simple smooth alert—check it out!
							

			<div class="v-alert-smooth">
				<h3 > A simple primary alert—check it out!</h3>
			</div>
							
							
A simple dark alert—check it out!
							

			<div class="v-alert-dark">
				<h3 > A simple primary alert—check it out!</h3>
			</div>
							
							
A simple light alert—check it out!
							

			<div class="v-alert-light">
				<h3 > A simple primary alert—check it out!</h3>
			</div>
							
							
2021 © Copyright valclass