Inline Range PickerÂ
Inline Date Picker
Overview
Atomic System of Inspire
| Tags | Atoms |
|---|---|
| #Type | Primary Button |
| #Size | Secondary Button |
| #Color | Icon Button |
| #Style | Link |
| #Theme | Graphic Button |
| Graphic Menu | |
| Icon | |
| Picogram | |
| Logo | |
| Tool Name | |
| Label | |
| Overline | |
| Title | |
| Body | |
| Graphic Field | |
| Picture | |
| Underline | |
| Shadow Field | |
| Karma Graphic | |
| Molecules | Organism |
|---|---|
| Content switch | Navigation Sidebar |
| Icon/Text - Link | Notifications Sidebar |
| Icon/Text/Icon - Link | Notifications |
| Overflow Menu | Card |
| Dialog | |
| Tree Link | Modal |
| Datepicker | |
| Input | Floating Sidebar |
| Input Icon | Boardlet |
| Dropdown | Header |
| Dropdown w. Icon | |
| Dropdown Multiselect | |
| Dropdown Link | |
| Dropdown Link/Icon | |
| Dropdown Link/2 Columns | |
| Radio | |
| Checkbox | |
| Table Cell Text | |
| Table Cell Icon | |
| Table Cell Text/Icon | |
| Table Cell Process | |
| Table Header | |
| Table Header Icon | |
| Pagination | |
| Tags | |
| Labels | |
| Form | |
| Sidebar | |
| Tab | |
| Toolbar | |
| Panel | |
| Charts | |
| Graphics |
| Template | Page/Application |
|---|---|
| Dashboard | UPW |
| DSFM | |
| Inventory Opti | |
| Feinplaner | |



3 Comments
Christian von Stengel
Oct 01, 2020good start. It would be helpful to have a match between die various items and the applications that use it. Is this possible / in your mind?
Ron Oemus
Oct 01, 2020For me it makes no sense, as 90% of the components are used in all programmes. But i think it will be easier to understand if i do not explain the molecules/organism in their structure(a) but in their function(b):
a: Datepicker (Organism) = Link w. Icon(Molecule) +/- Dropdown +/- Button(Atom)
b: Datepicker(Organism) = Range Datepicker(Molecule) +/- Filter(Molecule) +/- Button(Atom)
(a) is for my mind the developer view, (b) the ux view.Â
Then it makes sense to match it to the applications.Â
Christian von Stengel
Oct 01, 2020Ron Oemus if 90% are used in all applications this is good newsÂ
So the next level would be the module within the application .... maybe makes your sense
The above explanation is helpful - maybe find a better way to visualize.
Question: would it make sense to capture every Organism as a Jira item? By doing so also in development this could be referenced. Backlog for example. Capturing time...... Just a thought.