ContentInput

1. Demo AstrolContentInput

Nota:
AstrolContentInput es en contenedor que provee un efecto visual de hover a los input al estilo de Astrol.Component.Basic, no es de uso requerido.

@using Astrol.Component.Basic.Form

<AstrolContentInput>

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

</AstrolContentInput>

<AstrolContentInput Icon="astrol-user">

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

</AstrolContentInput>

<AstrolContentInput ShowEfect="false">

 <input type="text" placeholder="Teléfono" />

</AstrolContentInput>

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

 <input type="text" placeholder="Teléfono" />

</AstrolContentInput>

Parámetros que admite

Class (string), clase css personalizada que desee establecer.
Icon (string), permite establecer un ícono en la parte derecha del componente (no es requerido).
Text (string), texto a mostrar.
HasShadow (bool), permite establecer si desea que el componente tenga sombra (por defecto es true).
ShowEfect (bool), permite establecer si desea mostrar el efecto (por defecto es true).