Modal
Angular Components
ClrModal
Selector & Basic Usage
Bindings
| Binding | Type | Options | Default | Description |
|---|---|---|---|---|
| [(clrModalOpen)] | two-way | true, false | false | A two-way binding to the open / close state of the modal. |
| [clrModalClosable] | input | true, false | true | When false there is no user control button to close the modal. |
| [clrModalSize] | input | sm, <none>, lg, xl | <none> (medium size) | Set the size of the modal. |
| [clrModalStaticBackdrop] | input | true, false | true | When true the modal will not close if user clicks outside of the modal. |
| [clrModalSkipAnimation] | input | the strings "true" and "false" | "false" | When "true" the modal will not animate opening and closing. |
Methods
open():void
Open the modal with this method call.
close():void
Close the modal with this method call.