ADEK Design SystemDepartment of Education and Knowledge

⌘K

Introduction Install - React Install - Angular Install - .NETSoon Install - Vanilla JSSoon RTL support

Colors Typography Radius & spacing Shadows & focus rings

Figma files Icons File icons Flag icons Logos

Overview Avatars Badges Badge groups Buttons Buttons - destructive Buttons - close X Button groups Checkboxes Dropdowns Featured icons Inputs Progress indicators Radio buttons Select Sliders Social buttons Tags Textarea Toggles Tooltips Verification code inputs

Overview Activity feeds Alerts & notifications Breadcrumbs Calendars Card headers Charts Code snippets Command menus Content dividers Date pickers Empty states File upload Inline CTAs Loading indicators Messaging Metrics Modals Navigation Pagination Page headers Progress steps Section footers Section headers Slideout menus Tables Tabs

Invite team modal

Components

Social button

The Social button set from Figma for third-party sign-in. Secondary-button geometry at lg size with a 24px brand icon and 12px gap.

Google