Skip to main content Skip to navigation Skip to search

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.