sv-bootstrap-modal (Svelte Bootstrap Modal)

Svelte Modal Component for Bootstrap (Bootstrap’s modal plugin in svlete applications), can be used with sapper or standalone with svelte

$3

Simple Bootstrap Modal Example

How to install

``npm install --save-dev sv-bootstrap-modal`

$3

Bootstrap CSS needs to be present globally in project

Usage

$3

#### Example
`html





Woohoo, you're reading this text in a modal!

Close
Save changes

(isOpen = true)}>Open Modal

`

$3

Below are the classes which should be used to change the sizes of modal
|Small|Large|Extra large|
|---|---|---|
| .modal-sm | .modal-lg | .modal-xl |

#### Example
`html



....


(isOpen = true)}>Open Modal
`

$3


Add modal-dialog-centered to dialogClasses option

#### Example
`html



....


(isOpen = true)}>Open Modal
`

$3


Add modal-dialog-scrollable to dialogClasses option

`html



....


(isOpen = true)}>Open Modal
`

$3


|Name|Type|Default|Description|
|--- |--- |--- |--- |
|backdrop|boolean|true|Includes a modal-backdrop element.|
|ignoreBackdrop|boolean|true|It will ignore backdrop click close if true modal will not close on outside click|
|keyboard|boolean|true|Closes the modal when escape key is pressed|
|dialogClasses|string|""|You can add any number of classes to .modal-dialog` element|
|labelledby|string|""|Used for aria-labelledby|
|describedby|string|""|Used for aria-describedby|
|onOpened|function|Empty function(noop)|Can be Used for callbacks After Modal Opened|
|onClosed|function|Empty function(noop)|Can be Used for callbacks After Modal Closed|