No Preview

Sorry, but you either have no stories or none are selected somehow.

If the problem persists, check the browser console, or the terminal you've run Storybook from.

Modal
The classic modal
Regular
Show source
Oh no! The source is not available.
Fullscreen
Show source
Oh no! The source is not available.
Fullheight (on mobile)
Show source
Oh no! The source is not available.
Position left
Show source
Oh no! The source is not available.
Position right
Show source
Oh no! The source is not available.
Position top
Show source
Oh no! The source is not available.
Position bottom
Show source
Oh no! The source is not available.
Properties/Attributes
NameTypeDefaultDescription
showbooleanfalseWether of not the modal is shown
positionstringcenterPosition of the modal. Can be left right bottom top or center
fullscreenbooleanfalseMake the modal fill the screen
Methods
NameDescription
showModal() => voidShow modal
hideModal() => voidHide modal
toggleModal() => voidToggle modal
Events
NameDetailDescription
change{}Use event.target.show to catch the current show value.