Moccu UI Naming Convention

	D	E	F	G
1
2	Moccu UI Naming Convention
3
4
5	How to use this document: 1. 📑 Make a copy of the file. 2. 🔎 Review the naming conventions and alternatives with your team. 3. 📝 Make notes of your team decisions. 4. 👍🏻 Done.
6
7
8
9		Content
10
11
12
13		ℹ️ General	Fundamentals	👉 Core Components
14
15			🌈 Color	Accordion
16
17			🔤 Typography	Badge
18
19			📐 Grid & Spacing	Breadcrumb
20
21			🛑 Icon	Button
22
23			Styles	Date picker
24
25				Card
26
27				Carousel
28
29				Checkbox
30
31				Chip
32
33				Content Switcher
34
35				Divider
36
37				Dropdown *
38
39				Link
40
41				List
42
43				Notification*
44
45				Pagination
46
47				Pop Up*
48
49				Progress indicator
50
51				Radio Button
52
53				Select *
54
55				Segmented Button
56
57				Switch
58
59				Tab
60
61				Table
62
63				Tooltip
64
65				Toast
66
67				Upload Field
68
69				––––––––––––––––––––––––––––––––
70
71				Flag
72
73				Popup tip
74
75				Search
76
77				Segmented Control
78
79
80
81
82
83				www.moccu.com