search

gliff-ai / style

gliff.ai STYLE – a user-interface pattern gallery documenting themes and base components of gliff.ai products
https://gliff.ai
1 stars 0 forks source link

Move Tooltip into STYLE #228

Open joshuajames-smith opened 2 years ago

joshuajames-smith commented 2 years ago

closes https://github.com/gliff-ai/style/issues/214

joshuajames-smith commented 2 years ago

Design

tooltip

Specification

Our tooltip has 6 variations:

  1. Tooltip
  2. Tooltip with Simple Shortcut [only 1]
  3. Tooltip with Complex Shortcuts [only 2]
  4. Tooltip with Status [alpha or beta]
  5. Tooltip with Simple Shortcut [only 1] & Status [alpha or beta]
  6. Tooltip with Complex Shortcut [only 1] & Status [alpha or beta]

Within Storybook we should have 3 controls:

  1. Text [edit]
  2. Shortcut [toggle on/off & select 1 or 2 shortcuts & change shortcut content]
  3. Status [toggle on/off & select alpha or beta]

Adobe XD [developer link]: https://xd.adobe.com/view/ca367ad9-39d1-4998-874e-c29163c0dc09-9f65/