Develop the modal w/ margins component
See original GitHub issuehahnrob created the following on Jun 20:
User Story
As a
[user role below]
: As a developer using the Digital Design System
I need to: have an Expressive Modal in the Locale Selector
so that I can: include this component in the Locale Selector in the web site I am developing
Additional information
- This issue is dependent on the design and the package architecture https://github.com/carbon-design-system/ibm-dotcom-library/issues/253
- final design and specs - Includes: Functional labels, Visual redlines, Behavior and interaction specs, Desktop and mobile
- Box link to Mary O’Donnell’s functional specs
- While this expressive modal is included in the Locale Selector, it will be developed as a generic component.
- Try to leverage the current Carbon modal and applying the expressive theme.
- Carbon Modal
Acceptance criteria
- Component has been tested using Netlify
- The component development follows a modular component pattern
- The component should be accessible via ES6 import
- The component should be visible within the living documentation of the Dotcom components
- Presented and approved Product Owner
_Original issue: https://github.ibm.com/webstandards/digital-design/issues/1078_
Issue Analytics
- State:
- Created 4 years ago
- Comments:6 (5 by maintainers)
Top Results From Across the Web
Modal · Bootstrap v5.0
Use Bootstrap's JavaScript modal plugin to add dialogs to your site for lightboxes, user notifications, or completely custom content. On this page. How...
Read more >apply margin to a modal in tailwindcss - Stack Overflow
I've setted width: 100% and it's position: absolute , but when i try to apply right and left margins, only left margin its...
Read more >How To Make a Modal Box With CSS and JavaScript
Learn how to create a Modal Box with CSS and JavaScript. ... margin: 15% auto; /* 15% from the top and centered */...
Read more >Creating a Modal Dialog With Tailwind CSS - Section.io
In this article, we will create a simple modal window using Tailwind CSS. We will add a few lines of Javascript code to...
Read more >How to Create a Flyout Bootstrap Modal - Solodev
So basically, creating a modal requires two elements: A button to trigger the modal and the modal component. Here's the complete code for...
Read more >
Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free
Top Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
ButtonGroup
work has been merged in to support this story: https://github.com/carbon-design-system/ibm-dotcom-library/pull/545Presented in the Oct 28 Sprint Review meeting. Closing.