Chip

Etiquetas compactas para tags, filtros y estados, que se pueden quitar cuando haga falta.

Por qué ayuda

• Pequeño y claro
• Opcionalmente eliminable
• Combina con la paleta pastel

Dónde encaja

• Tags
• Insignias de filtro
• Valores seleccionados

Ejemplo

<Stack Wrap Align="center">
    @foreach (var tag in _tags)
    {
        <Chip OnDelete="@(() => _tags.Remove(tag))">@tag</Chip>
    }
    <Chip Severity="Severity.Success">Success</Chip>
    <Chip Severity="Severity.Error" Variant="Variant.Outlined">Outlined</Chip>
</Stack>

@code {
    private readonly List<string> _tags = ["Blazor", "SASS", ".NET 10"];
}

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.

Todos los controles · Documentación