Saltar al contenido
DISEÑO · FREE

Card

Un contenedor limpio que agrupa contenido relacionado con encabezado y pie.

Un contenedor limpio que agrupa contenido relacionado con encabezado y pie opcionales.

Por qué ayuda

  • Encabezado y pie
  • Aspecto plano
  • Contenido flexible

Dónde encaja

  • Paneles
  • Listados de productos
  • Grupos de ajustes
El control Card en una página de RayCraft

Ejemplo

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

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