LightUI

Docs Github

Documentation

  • Getting Started

Components

  • Avatar
  • Alert
  • Button
  • Badge
  • Card
  • Image
  • Input
  • Typography
  • Toast
  • List

Alert

An alert displays a short, important message in a way that attracts the user's attention without interrupting the user's task.

Basic Alert

Simple Alerts can be created using class alert followed by the alert-type

Error! This is an Error Alert - Check it now!
Success! This is a Success Alert - Check it now!
Warning! This is a Warning Alert - Check it now!
Info! This is a Info Alert - Check it now!

Outlined

Outline alerts are created by using class alert followed by outline-type

Error! This is an Error Alert - Check it now!
Success! This is a Success Alert - Check it now!
Warning! This is a Warning Alert - Check it now!
Info! This is a Info Alert - Check it now!
Avatar Badge