Organiza etiquetas y campos en una cuadrícula adaptable de doce columnas con secciones tituladas, para que los formularios se vean ordenados en cada pantalla.
Por qué ayuda
- Cuadrícula adaptable
- Secciones tituladas
- Etiquetas enlazadas a campos
Dónde encaja
- Páginas de ajustes y perfil
- Formularios de administración
- Diálogos
Ejemplo
<FormLayout LabelPosition="FormLabelPosition.Start" Spacing="3">
<FormLayoutItem Label="Name" HelperText="As on your ID.">
<TextField @bind-Value="_name" />
</FormLayoutItem>
<FormLayoutItem Label="Email">
<TextField @bind-Value="_email" Type="email" />
</FormLayoutItem>
<FormLayoutItem Label="Notes">
<TextField @bind-Value="_notes" Lines="3" />
</FormLayoutItem>
<FormLayoutItem Label="Subscribe">
<Switch @bind-Value="_subscribe" Label="Send me the newsletter" />
</FormLayoutItem>
</FormLayout>
@code {
private string? _name;
private string? _email;
private string? _notes;
private bool _subscribe = true;
}Un breve fragmento. Añade @using RayCraft.Blazor.Components a tu página y usa un modo de renderizado interactivo.
Incluido en RayCraft Free. Hay ejemplos que funcionan en el repositorio de GitHub (MIT); contiene código de ejemplo y demostración, no el código de la biblioteca.