@mobilelivenpm/fds-icons NPM

Friday - The Design System

Friday is MobileLIVE's open-source design system for products and digital experiences. With the MobileLIVE Design System as its foundation, the system consists of a working code for multiple frameworks and examples with it.

To combine the code for multiple implementations in the one project we use the monorepos technology NX.

There are several sub-projects with implementations, you can find details by the links below:

Components

	UX/UI	HTML+CSS	React	Angular
Spacing units	✅	✅	✅	✅
Iconography	✅	✅	✅	✅
Theming	✅	✅	✅	✅
Heading	✅	✅	✅	✅
Typography Colors	✅	✅	✅	✅
Layout & Grid System	✅	✅	✅	✅
Buttons	✅	✅	✅	✅
Input	✅	✅	✅	✅
Textarea	✅	✅	✅	✅
Select	✅	✅	✅	✅
Autocomplete	🎨			✅
Checkbox	✅	✅	✅	🏗
Radio Buttons	✅	✅	✅	✅
Toggle Buttons	✅	✅	✅	-
Slider	✅			✅
Progress	✅			✅
Form	✅	✅	✅	✅
Tooltips	✅	✅	✅	✅
Popovers	✅	✅	✅	✅
Modal	✅	✅	🏗	✅
Date Picker	🎨			❎
Media	✅	✅	✅	❎
Social Icons	✅			❎
Card Box	🎨			❎

Legend:

✅ - Implemented

❎ - Code from HTML+CSS should be used

🏗 - Development in progress

🎨 - Specification in progress

Requirements

The MobileLIVE Friday Design System team aims to support browsers and screen reader combinations across all internal team segments. This support list gets updated on an occasional basis.