Inline Range Picker 

Inline Date Picker

Overview


Atomic System of Inspire

TagsAtoms
#TypePrimary Button
#SizeSecondary Button
#ColorIcon Button
#StyleLink
#ThemeGraphic Button

Graphic Menu



Icon

Picogram

Logo

Tool Name



Label

Overline

Title

Body



Graphic Field

Picture

Underline

Shadow Field

Karma Graphic


MoleculesOrganism
Content switch Navigation Sidebar
Icon/Text - LinkNotifications Sidebar
Icon/Text/Icon - LinkNotifications
Overflow MenuCard

Dialog
Tree LinkModal

Datepicker
InputFloating Sidebar
Input IconBoardlet
DropdownHeader
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
TemplatePage/Application
DashboardUPW

DSFM

Inventory Opti

Feinplaner












  • No labels

3 Comments

  1. Christian von Stengel

    good 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?

    1. Ron Oemus

      For 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. 

      1. Christian von Stengel

        Ron Oemus if 90% are used in all applications this is good news (smile)

        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.