Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

feat(HelpButton): Add inline display variant #2857

Draft
wants to merge 25 commits into
base: main
Choose a base branch
from

Conversation

Sundfjord
Copy link
Contributor

This PR will add a new variant of the HelpButton component, that displays its contents in an inline element, as so:
image

The help content container will by default be appended to the HelpButton instance's parent element, but a contentId may also be specified to place the help content container in any existing DOM element.

In addition to the necessary changes in the HelpButton component, FormLabel now accepts a new help prop which will by default display what is sent with the contents prop in an inline help button. The changes to the component are mainly done to ensure correct positioning of both the help button itself and its contents regardless of label direction.

Test cases have been added for this new variant.

Copy link

vercel bot commented Nov 6, 2023

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name Status Preview Comments Updated (UTC)
eufemia ✅ Ready (Inspect) Visit Preview 💬 Add feedback Mar 1, 2024 10:25am

Copy link

codesandbox-ci bot commented Nov 6, 2023

This pull request is automatically built and testable in CodeSandbox.

To see build info of the built libraries, click here or the icon next to each commit SHA.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Development

Successfully merging this pull request may close these issues.

None yet

2 participants