List Component

| | Component | PIC | Phase 1 | Phase 2 | Phase 3 | 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

todo

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

responsive map