Skip to content
DOL Studio
Components
71 components
Cards
Compact
Show thumbnail preview
Hide thumbnail (text-list mode)

Actions 4

Interactive primitives - buttons, switches

Button

actions
StableCoded

IconButton

actions
StableCoded

KidButton

KID
actions
StableCoded

Switch

actions
StableCoded

Input 13

Form fields, selectors, uploaders, sliders

Label

Checkbox

input
StableCoded
Active

Chip

input
StableCoded

DatePicker

input
StableCoded

Input

input
StableCoded

InputNumber

input
StableCoded
Label

KidCheckbox

KID
input
StableCoded

KidInput

KID
input
StableCoded
Option

Radio

input
StableCoded

Rate

input
StableCoded

Select input

input
StableCoded

Slider

input
StableCoded

Uploader

input
StableCoded

Select

input
extensionCode only

Display 15

Badges, tags, avatars, dividers, tables

Avatar, User

display
StableCoded
3

Badge

display
StableCoded

Divider

display
StableCoded

KidAvatar

KID
display
StableCoded
3

KidBadge

KID
display
StableCoded
DOL English logo

Logo

display
StableCoded

Order number

display
StableCoded
DOL Academy logo

Program logo

display
StableDesign only
Field
Value
Name
DOL Edu

Table

display
StableCoded
Tag label

Tag

display
StableCoded

Text content

display
StableCoded
Featured
New

EyebrowBadge

display
extensionCode only
✓ Hoàn thành

KidStatusTag

KID
display
extensionCode only
Eyebrow
Section title
Optional subhead

SectionHeader

display
extensionCode only
Section label

SectionLabel

display
extensionCode only

Feedback 5

Alerts, toasts, progress, skeletons, empty states

Notice

Alert

feedback
StableCoded
No items
Add your first entry.

Empty state

feedback
StableCoded
60%

Progress

feedback
StableCoded

Skeleton

feedback
StableCoded
Saved
Changes committed.

Toast

feedback
StableCoded

Overlay 7

Modals, drawers, popovers, tooltips

D
overlay

Drawer

overlay
StableCoded
M
overlay

KidModal

KID
overlay
StableCoded
M
overlay

Modal

overlay
StableCoded
Tooltip body

Popover

overlay
StableCoded
T
overlay

Tooltip & Dialog box

overlay
StableCoded
Chọn ảnh đại diện

KidAvatarPickerModal

KID
overlay
extensionCode only

KidParentPasscodeModal

KID
overlay
extensionCode only

Navigation 12

Breadcrumbs, pagination, sidebars, tabs, steps

HomeSectionCurrent

Breadcrumb

navigation
StableCoded
L
lms

LMS Role Sidebar

navigation
StableDesign only

Pagination

navigation
StableCoded
S
layout

Scroller

navigation
StableDesign only
S
nav

Sidebar

navigation
StableCoded
  1. 1
  2. 2
    2
  3. 3
    3

Steps

navigation
StableCoded
Pressed

Tabbar, Toggle

navigation
StableCoded
Bin

KidAvatarDropdownMenu

KID
navigation
extensionCode only
D
DOL Kid
Bin

KidLmsNavbar

KID
navigation
extensionCode only

KidPillTabs

KID
navigation
extensionCode only
Nav item

NavItem

navigation
extensionCode only
Day
Week
Month

SegmentedControl

navigation
extensionCode only

Layout 4

Footers, collapses, media, browser mockups

Section title

Collapse

layout
StableCoded
Bạn đã xem hết

Footer

layout
StableCoded
M
audio

Media

layout
StableDesign only

Mockup UI (Status bar, Indicator, Browser)

layout
StableCoded
Loading more · 60 / 71Next batch size 11