Reveal
Namespace
using Blazor_Foundation_6.Components.Containers;
Attributes
Reveal
| Name | Description |
|---|---|
| Id | Default html id=”” attribute. |
| Class | Extra/Custom Classes appended to the default class. |
| AnimationIn | Open Animation. (See Motion UI) |
| AnimationOut | Close Animation. (See Motion UI) |
| CloseOnClick | True/False. Close when clicking off the modal screen. |
| CloseClass | Extra/Custom Classes appended to the default class. |
| Overlay | True/False. Modal background overlay. |
| AutoManaged | True/False. Blazor will auto manage Foundation Zurb’s Javascript. |
| DataOptions | Can 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 DataToggle="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>