Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Develop the modal w/ margins component

See original GitHub issue

hahnrob 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 GitHub Comments

1reaction

jeffchewcommented, Oct 24, 2019

ButtonGroup work has been merged in to support this story: https://github.com/carbon-design-system/ibm-dotcom-library/pull/545

0reactions

RobertaJHahncommented, Oct 28, 2019

Presented in the Oct 28 Sprint Review meeting. Closing.

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...

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...

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 */...

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...

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...