LightUI

Docs Github

Documentation

  • Getting Started

Components

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

Avatar

The Avatar component is used to represent a user, and displays the profile picture.

Default

You can display an Avatar with just text or image using class avatar.

A avatar M avatar V

Sizes

The Avatar comes in 5 sizes with xs sm md lg and xl.

A avatar M avatar AB

Squared

You can change the full style towards a squared Avatar with the avatar-square class.

A avatar M avatar V
Getting Started alert