Atomic Design Check List

Atoms

abcd

---

Text

---

Image

Button

---

Simple Button

---

Icon

---

Checkbox

---

Radio Button

---

Divider

---

Input

---

Progress

---

Box

---

Toggle

Chip

---

Chip

---

Like

LINK

---

Link

Molecule

onetwothree

---

Button Group

Sample

test

Action

---

Banners

Item 1

Item 2

sample sample sample sample

---

Accordion

one

---

Checkbox & Label

one

---

Radio Button & Label

---

Search bar

One

Two

Three

---

Breadcrumbs

onetwothree

---

Select box

---

Date Picker

---

Time Picker

Select file

---

File Upload

Hover

Tooltip

---

Tooltip

• Prev
• 1
• 2
• 3
• Next

---

Pagination

id	title
1	one
2	two

---

Table

---

one

---

Card

Submit

---

Simple Input Form

• one
• two
• three

---

List Item

title

sample sample sample

okclose

---

Modal

---

Tabs

0

---

Like & Count

Organism

one

two

three

---

Checkbox List

---

DateTime Picker

I agree to the Terms

Submit

---

Input Form

Open Modal

---

Button & Modal

---

Overflow Menu

Tab 1 item contents

---

Tab Contents

---

1

---

2

---

3

---

4

---

5

---

6

---

Card list

News

---

App bar

---

Social Button

---

Social Button List

Foo

Bar

follow

---

Profile Card