Chip

Rótulos compactos para tags, filtros e status, removíveis quando necessário.

Por que ajuda

• Pequeno e claro
• Opcionalmente removível
• Combina com a paleta pastel

Onde se encaixa

• Tags
• Selos de filtro
• Valores selecionados

Exemplo

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

Um pequeno trecho. Adicione @using RayCraft.Blazor.Components à sua página e use um modo de renderização interativo.

Incluído no RayCraft Free. Há exemplos funcionais no repositório do GitHub (MIT); ele contém código de exemplo e demonstração, não o código da biblioteca.

Todos os controles · Documentação