Ir para o conteúdo
LAYOUT · FREE

Card

Um contêiner limpo que agrupa conteúdo relacionado com cabeçalho e rodapé.

Um contêiner limpo que agrupa conteúdo relacionado com cabeçalho e rodapé opcionais.

Por que ajuda

  • Cabeçalho e rodapé
  • Visual plano
  • Conteúdo flexível

Onde se encaixa

  • Painéis
  • Listagens de produtos
  • Grupos de configurações
O controle Card em uma página do RayCraft

Exemplo

<Card Elevated>
    <Header>Card title</Header>
    <ChildContent>Any content goes here.</ChildContent>
    <Footer>
        <Button Variant="Variant.Text">Cancel</Button>
        <Button>Save</Button>
    </Footer>
</Card>

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