Chip

Kompakte mærkater til tags, filtre og statusser, som kan fjernes, når det er nødvendigt.

Hvorfor det hjælper

• Lille og tydelig
• Valgfrit fjernbar
• Passer til pastelpaletten

Hvor det passer

• Tags
• Filtermærker
• Valgte værdier

Eksempel

<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"];
}

Et kort uddrag. Tilføj @using RayCraft.Blazor.Components til din side, og brug en interaktiv gengivelsestilstand.

Inkluderet i RayCraft Free. Fungerende eksempler findes i GitHub-lager (MIT); det indeholder eksempel- og demokode, ikke bibliotekets kode.

Alle kontroller · Dokumentation