Wildcard V2: `<Tooltip />` Implementation
Created by: gitstart-sourcegraph
Tooltip
component.
Wildcard implementation of the Wildcard V2 - Planned work for more context
SeeAcceptance criteria
-
Component is implemented within Wildcard -
Component has tests -
Component is accessible -
Component matches Figma designs
Refs
Implementation details
- Move the existing implementation to the Wildcard package.
- Extract styles required for the component from Bootstrap to a CSS module:
- Extract classes from
node_modules/bootstrap/scss/_tooltip.scss
into a component CSS module. - Merge our tooltip global styles with the newly created CSS module.
- Merge our tooltip SCSS variables with the newly created CSS module.
- Feed CSS module classes to the Reactstrap Tooltip implementation to avoid relying on the global
.tooltip
class.
- Extract classes from
- Move
client/branded/src/components/tooltip/Tooltip.story.tsx
(link) to the new component folder and update it to match other stories in the Wildcard package. - Use the
<button>
component as a blueprint for the new component.