Reveal

Namespace

using Blazor_Foundation_6.Components.Containers;

Attributes

Reveal

NameDescription
IdDefault html id=”” attribute.
ClassExtra/Custom Classes appended to the default class.
AnimationInOpen Animation. (See Motion UI)
AnimationOutClose Animation. (See Motion UI)
CloseOnClickTrue/False. Close when clicking off the modal screen.
CloseClassExtra/Custom Classes appended to the default class.
OverlayTrue/False. Modal background overlay.
AutoManagedTrue/False. Blazor will auto manage Foundation Zurb’s Javascript.
DataOptionsCan include any option available. (See Plugin Options)

Examples

To see visual example, visit Foundation or Download and Run Blazor_Foundation_Test in Visual Studio.

<Button DataOpen="RevealTest">Test Modal</Button>
<Reveal Id="RevealTest" AnimationIn="slide-in-left" AnimationOut="slide-out-right">
    <h2>Label for the Modal!</h2>
    <p>I am even more accessible than the other modals.</p>
</Reveal>