Button
Buttons allow users to take actions, and make choices, with a single tap.
Interactive Demo
Examples
Modifiers
Style
Size
Size
-
Alerts
Information Alert
Information Alert
This is the optional description for this alert.
Success Alert
This is the optional description for this alert.
Error Alert
This is the optional description for this alert.
Warning Alert
This is the optional description for this alert.
Information Alert
Information Alert
This is the optional description for this alert.
Success Alert
This is the optional description for this alert.
Error Alert
This is the optional description for this alert.
Warning Alert
This is the optional description for this alert.
Badges
Badge
25
25
Accordions
Multi-toggle
Accordion Heading One
Hi, I'm Juan. I'm a UX, graphic and web designer and love working collaboratively with other creatives to see projects come to life. My professional experience began as a web designer where I earned working experience in the creative industry and gained an understanding of different web technologies.
Accordion Heading Three
Hi, I'm Juan. I'm a UX, graphic and web designer and love working collaboratively with other creatives to see projects come to life. My professional experience began as a web designer where I earned working experience in the creative industry and gained an understanding of different web technologies.
Accordion Heading Four
Hi, I'm Juan. I'm a UX, graphic and web designer and love working collaboratively with other creatives to see projects come to life. My professional experience began as a web designer where I earned working experience in the creative industry and gained an understanding of different web technologies.
Accordion Heading Five
Hi, I'm Juan. I'm a UX, graphic and web designer and love working collaboratively with other creatives to see projects come to life. My professional experience began as a web designer where I earned working experience in the creative industry and gained an understanding of different web technologies.
Single-toggle
Accordion Heading Two
Hi, I'm Juan. I'm a UX, graphic and web designer and love working collaboratively with other creatives to see projects come to life. My professional experience began as a web designer where I earned working experience in the creative industry and gained an understanding of different web technologies.
Accordion Heading Three
Hi, I'm Juan. I'm a UX, graphic and web designer and love working collaboratively with other creatives to see projects come to life. My professional experience began as a web designer where I earned working experience in the creative industry and gained an understanding of different web technologies.
Accordion Heading Four
Hi, I'm Juan. I'm a UX, graphic and web designer and love working collaboratively with other creatives to see projects come to life. My professional experience began as a web designer where I earned working experience in the creative industry and gained an understanding of different web technologies.
Accordion Heading Five
Hi, I'm Juan. I'm a UX, graphic and web designer and love working collaboratively with other creatives to see projects come to life. My professional experience began as a web designer where I earned working experience in the creative industry and gained an understanding of different web technologies.
Multi-toggle
Accordion Heading One
Hi, I'm Juan. I'm a UX, graphic and web designer and love working collaboratively with other creatives to see projects come to life. My professional experience began as a web designer where I earned working experience in the creative industry and gained an understanding of different web technologies.
Accordion Heading Three
Hi, I'm Juan. I'm a UX, graphic and web designer and love working collaboratively with other creatives to see projects come to life. My professional experience began as a web designer where I earned working experience in the creative industry and gained an understanding of different web technologies.
Accordion Heading Four
Hi, I'm Juan. I'm a UX, graphic and web designer and love working collaboratively with other creatives to see projects come to life. My professional experience began as a web designer where I earned working experience in the creative industry and gained an understanding of different web technologies.
Accordion Heading Five
Hi, I'm Juan. I'm a UX, graphic and web designer and love working collaboratively with other creatives to see projects come to life. My professional experience began as a web designer where I earned working experience in the creative industry and gained an understanding of different web technologies.
Single-toggle
Accordion Heading Two
Hi, I'm Juan. I'm a UX, graphic and web designer and love working collaboratively with other creatives to see projects come to life. My professional experience began as a web designer where I earned working experience in the creative industry and gained an understanding of different web technologies.
Accordion Heading Three
Hi, I'm Juan. I'm a UX, graphic and web designer and love working collaboratively with other creatives to see projects come to life. My professional experience began as a web designer where I earned working experience in the creative industry and gained an understanding of different web technologies.
Accordion Heading Four
Hi, I'm Juan. I'm a UX, graphic and web designer and love working collaboratively with other creatives to see projects come to life. My professional experience began as a web designer where I earned working experience in the creative industry and gained an understanding of different web technologies.
Accordion Heading Five
Hi, I'm Juan. I'm a UX, graphic and web designer and love working collaboratively with other creatives to see projects come to life. My professional experience began as a web designer where I earned working experience in the creative industry and gained an understanding of different web technologies.
Toggle
Buttons
Overlay
Checkboxes
Radio Buttons
Counter
3
3
Inputs
Chats
Footer
Juan Encalada
A self-proclaimed full-stack designer whose passion is delivering enjoyable experiences from concept to execution.
© 2020 Juan Encalada Design
Juan Encalada
A self-proclaimed full-stack designer whose passion is delivering enjoyable experiences from concept to execution.
Lists
-
New Comment
Joseph Schultz commented on your post
-
New Teammate
Eugene To was added to your team
-
New Comment
Monica Encalada commented on your post
-
Dark Mode
Introducing dark mode for Snow Cone Design System
-
New Mention
Eugene To mentioned you in a post
-
New Comment
Joseph Schultz commented on your post
-
New Teammate
Eugene To was added to your team
-
New Comment
Monica Encalada commented on your post
-
Dark Mode
Introducing dark mode for Snow Cone Design System
-
New Mention
Eugene To mentioned you in a post
Progress Ring
75%
33%
75%
33%
Calendar
February
S
M
T
W
T
F
S
29
30
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
1
2
February
S
M
T
W
T
F
S
29
30
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
1
2
Pagination
1
2
24
25
26
49
50
1
2
24
25
26
49
50
@Mentions
Hi @FirstLastname, this is an @mention.
Hi @FirstLastname, this is an @mention.
News Card
Snow Cone is an atomic design system built to scale.
1 December 2020
Breaking
Dropdown Menu
Tags
Architecture
JavaScript
Tooltips
Cooltip Tooltip
Hello, this is a super duper helpful tooltip to help you do super amazing things!
Awesome Feature
Hello, this is a super duper helpful tooltip to help you do super amazing things!
Cooltip Tooltip
Hello, this is a super duper helpful tooltip to help you do super amazing things!
Awesome Feature
Hello, this is a super duper helpful tooltip to help you do super amazing things!