Tooltip feature - Githubissues

future-standard / scorer-ui-kit

SCORER UI Components in react with styled components

Other

6 stars 3 forks source link

Tooltip feature #467

Closed isacoder closed 1 month ago

isacoder commented 3 months ago

Description

Tooltip Component that is displayed when the received id element is hovered.

Background color of the tooltip can be updated with the type prop and is limited to ITooltipType options (warning, neutral, info, success)
Position can be dynamic to the document or pre-set by developer

Considerations on Implementation

This implementation relies in the user providing id
I wanted to implement the option to keep the tooltip opened but coords will need updating in resizing and scrolling window and listening to this can be performance heavy. Since I'm not sure this currently a requirement will not provide this option in this PR

Reviewing/Testing steps

I published this feature on the web for easier review.

Review Storybook https://future-standard.github.io/scorer-ui-kit/storybook/?path=/story/alerts-atoms--tooltip Video storybook

Review Examples https://future-standard.github.io/scorer-ui-kit/#/table Video Examples