Start sharing components as a team!Share components as a team!Join Bit to build your applications faster.Get Started Free

modal

v8.4.1arrow_drop_down
v8.4.1
v7.1.0
STATUS
Passing
DOWNLOADS
112
LICENSE
MIT
VISIBILITY
Public
PUBLISHED
3 months ago
SIZE
10 KB
2 contributors
Install modal as a package?
Copied
npm i @bit/reactstrap.reactstrap.modal
Set Bit as a scoped registryLearn more
npm config set '@bit:registry' https://node.bit.dev
Component Example
React
React
Vue
Angular
React Native
Add dependency... help_outline
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';
toggle layout
modifieddraft
chevron_left
chevron_right
Properties
NameTypeDefault value
isOpen
boolfalse
autoFocus
booltrue
centered
boolfalse
scrollable
boolfalse
size
string
toggle
function
keyboard
booltrue
role
string'dialog'
labelledBy
string
backdrop
bool | 'static'true
onEnter
function
onExit
function
onOpened
functionfunction noop() { }
onClosed
functionfunction noop() { }
children
node
className
string
wrapClassName
string
modalClassName
string
backdropClassName
string
contentClassName
string
external
node
fade
booltrue
cssModule
object
zIndex
number | string1050
backdropTransition
custom{ mountOnEnter: true, timeout: TransitionTimeouts.Fade, // uses standard fade transition }
modalTransition
custom{ timeout: TransitionTimeouts.Modal, }
innerRef
object | string | function
unmountOnClose
booltrue
returnFocusAfterClose
booltrue