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>