Status | ||||
---|---|---|---|---|
|
Status | ||||
---|---|---|---|---|
|
Status | ||
---|---|---|
|
...
https://www.figma.com/file/2o1hW9WW1mNWr0esZ2A7xq/Onboarding?node-id=156%3A64
🌳 Variants
Sequence: A version with navigation dots that would appear in a sequence are bundled and contain at least 2 tips (pictured above).
Navigation dots to indicate progress through sequence
Dismiss (tertiary button) and Next (Primary)
Last tip in a sequence will change Primary button to “Done”
One-off: A version that is one off with no nav dots:standalone
No navigation dots (N/A)
No dismiss, just an “Okay” button (Primary)
...
...
🌞 Best Practices
|
| ||
|
|
♊ Related Components
...
📐 Specification
...
Redlined Design Spec
♒ Behaviors
Click outside the tip when it’s being shown | Will not close; works like our current tooltip where you need to interact to close it |
---|---|
Clicking Dismiss (Sequence variant) or Okay (One-off variant) | Closes the tooltip |
Clicking Next (Sequence variant) | Center screen on tooltip |
💕 Accessibility
...
Notes
Notes from collaborator conversations or meetings regarding this component.
...