Framework
v1.0.116
ABOUT
About
Getting started
COLORS
Introduction
References
TYPOGRAPHY
Introduction
References
ICONS
Introduction
References
BASICS
Animation
Surfaces
ACTIONS
Buttons
Dropdown
Modals
Switch
Toasts
CONTENT
Alert
Avatars
Badge
Carousel
Chat
Checkmarks
Chips
Empty states
Header
List items
Loaders
Reward ladder
Scrollbars
Separator
Tables
Tooltips
NAVIGATION
Accordion
Breadcrumbs
Drawer
Links & hovers
Menu
Navbar
Pagination
Tabs
STATS & NUMBERS
Countdown
Gauge
Icon holder
Progress bars
Stats
Stepper
Steps
FORM
File inputs
Form example
Radio, checkbox, toggle
Range inputs
Select inputs
Text inputs
CARDS
Content
Ladder
Mission
Recap
Tournament
EFFECTS
Explosion
TYPOGRAPHY
Format
Lists
TEMPLATES
Achievements
Battle Pass
Currencies
Daily reward
Footer
Ladder info
Notifications
Tournament brackets
Text inputs
Structure
First name
Age
Company Website
http://
Twitch
Subdomain
.gloot.com
With textarea
auto-expandable
Your message
Company Website
http://
Twitch
Subdomain
.gloot.com
Validation
with attribute
Password
Riot account
Summary
Validation
with tag
Password
Passwords must have at least
8 characters
.
Riot account
The account is
valid.
Summary
The text contains
3 spelling mistakes
.
With icon
Input
Team name
Team URL
Textarea
Team name
Team URL
Loading
Loading
Street address
City
Your message
Disabled
Country
Area
Bio
With button
Search
Search
Send message
Send message
Send email
Send email
Variant
Input date
Choose a date
Choose a date
Input number
Default (browser)
How many tokens to you want to gift CtrlChampion?
With hidden buttons
How many tokens to you want to gift CtrlChampion?
Customized
How many tokens to you want to gift CtrlChampion?
