modal

v1.0.0

STATUS

Passing

DOWNLOADS

VISIBILITY

Public

PUBLISHED

4 years ago

SIZE

N/A

Triggers when you click the close button

Button

Form Elements

Informational Components

Modal

React

UI Components

Install modal as a package?

Copied

npm i @bit/autodesk-tool-evals.hig-components.modal

Set Bit as a scoped registryLearn more

npm config set '@bit:registry' https://node.bit.cloud

Component Example

React

Vue

Angular

React Native

Add dependency...

Just

import

any of the 1 million components

and packages in Bit or NPM to the example.

import Button from '@bit/grommet.grommet.button';
import Lodash from 'lodash';

modifieddraft

Triggers when you click the close button

Triggers when you click the overlay behind the modal

A function to render content of the modal

Supports adding any dom content to the body of the modal

ARIA label attribute for the close button if/when headerChildren are not utilized

Supports adding any dom content to the header of the modal

Triggers when you click the close button

Triggers when you click the overlay behind the modal

Modal is visible when true

Enables modification of Modal Styles

Title of the modal

Style of the modal shell

Supports adding any dom content to the header of the modal

ARIA label attribute for the close button if/when children are not utilized

ID for a11y

Triggers when one clicks the close button

Styles for the modal header

Title of the modal

Supports adding any dom content to the body of the modal

ARIA label attribute for the close button if/when headerChildren are not utilized

Supports adding any dom content to the header of the modal

Triggers when one clicks the close button

Triggers when one clicks the overlay behind the modal

Triggers when one clicks the modal window

Modal is visible when true

Enables modification of Modal Styles

Title of the modal

Style of the modal shell