Greatday-components NPM

List Component

	Component	PIC	Phase 1	Phase 2	Base Component	Note
1	gd-button	Muzakky	100%	10%	Material	tambahkan type: "add" *udah ditambahin add
2	gd-input	Muzakky	100%		Material
3	gd-select	Muzakky	100%		Material
4	gd-button-toggle	Muzakky			Material
5	gd-checkbox	Marshall	100%	90%	Material
6	gd-radiobutton	Marshall	100%	90%	Material
7	gd-datepicker	Aldo	90%		Material
8	gd-list	Imam			Material
9	gd-table	Imam	80%		Custom
10	gd-badge	Aldo	100%		Custom
11	gd-chips	Aldo			Custom
12	gd-card	Aldo			Custom	action button ada di atas sesuai desain
13	gd-toggle	Marshall	100%	90%	Material
14	gd-slider	Marshall	100%	90%	Material
15	gd-select2	Muzakky			Custom
16	gd-stepper	Muzakky			Material
17	gd-tabs	Aldo			Material
18	gd-icon	Muzakky			Material
19	gd-loading	Imam			Custom	untuk loading di tombol atau card
20	gd-progress-bar	Imam			Material
21	gd-progress-spinner	Imam			Material	harus determinate. lock fungsi indeterminate
22	gd-ripples	?			Material	coba dulu kemungkinan pakai directive
23	gd-tooltip	Imam			Material
24	gd-carousel	Muzakky			Custom
25	gd-swapper	Muzakky			Custom	untuk swap di activity recording
26	gd-header	Aldo			Custom
27	gd-toolbar	Marshall	100%		Custom
28	gd-breadcrumbs	Marshall	100%		Custom
29	gd-content	Aldo			Custom
30	gd-modal	Imam			Custom
31	gd-toast	Imam			Custom	Create element then push
32	gd-avatar	Marshall	100%		Custom	size: "normal", "small", "text". ada badge

phase 1 - basic component phase 2 - style based on design phase 3 - useable in project

buat global variable untuk query ukuran layar (mobile, tablet, desktop)