Lists
Introduction
List are very useful components for handling structure and/or
order of text on website.
You can easily modify both the content within the list as well
as the styling of the list and its children.
Basic Lists
You are given the freedom to create lists either as standalone
text or with various types of stylings as demoed below
Ranging from basic list with
list-reg
, basic list styles like
list-bullet
,
list-square
,
list-number
,
list-roman
,
list-alpha
or even with emojis using
list-emoji
.
- Item 1
- Item 2
- Item 3
- Item 4
- Bullet Item 1
- Bullet Item 2
- Bullet Item 3
- Bullet Item 4
- Square Item 1
- Square Item 2
- Square Item 3
- Square Item 4
- Numbered Item 1
- Numbered Item 2
- Numbered Item 3
- Numbered Item 4
- Roman Item 1
- Roman Item 2
- Roman Item 3
- Roman Item 4
- Alpha Item 1
- Alpha Item 2
- Alpha Item 3
- Alpha Item 4
- Emoji Item 1
- Emoji Item 2
- Emoji Item 3
- Emoji Item 4
Stacked List
You can also style your lists to include your own images or
avatars using
list-img
.
Primary use case can be as notifications to your website or
web app.
-
You are a 2022 NeoGrad! Congratulations 🔥
-
You have multiple job offers! Amazing 🔥