Tip Component - Stencil.js

driskull commented 5 years ago

A dismissible window that displays information for an end-user.

Jake is a developer who uses Calcite-components to build apps.

As a developer using the Calcite-tip component, I'd like the ability to control when a tip is hidden or shown programatically so I can utilize my own business logic to determine when a tip is appropriate to show or hide.
As a developer using the Calcite-tip component, I'd like the ability to set the tip as hidden at authoring time so I can satisfy my business reason to delay showing the tip and so the tip does not flash for a moment on page load.
Tom

Tom is an end user who is using an App that Jake built.
As a user who has finished reading the Tip, I'd like to be able to dismiss it so that it no longer takes up space on my screen.
As a user who has dismissed a Tip, I'd like the tip to stay hidden if I refresh the page so I don't have to dismiss it every time the page refreshes.

Default initial state of the tip component is visible.
The tip supports accepting dynamic content at author time: thumbnail, heading, body copy and link.
There is a mechanism for controlling the state of the tip component after initial load in code.
There is a close button that an end-user can use to dismiss the tip.
If the tip's state is changed either via code or by user action, the state persists after a page refresh.

driskull commented 5 years ago

@pr3tori4n you want to take this one?

driskull commented 5 years ago