ContentInput

1. Demo AstrolContentInput

Note:
AstrolContentInput is a container that provides a visual hover effect to input elements in the style of Astrol.Component.Basic. Its usage is not mandatory.

@using Astrol.Component.Basic.Form

<AstrolContentInput>

 <input type="text" placeholder="Name" />

</AstrolContentInput>

<AstrolContentInput Icon="astrol-user">

 <input type="text" placeholder="Name" />

</AstrolContentInput>

<AstrolContentInput ShowEffect="false">

 <input type="text" placeholder="Phone" />

</AstrolContentInput>

<AstrolContentInput ShowEffect="false" Icon="astrol-phone">

 <input type="text" placeholder="Phone" />

</AstrolContentInput>

Supported parameters

Class (string), custom CSS class that you want to set.
Icon (string), allows you to set an icon on the right side of the component (not required).
Text (string), text to display.
HasShadow (bool), allows you to set whether you want the component to have a shadow (default is true).
ShowEffect (bool), allows you to set whether you want to show the effect (default is true).