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 | true, 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.