Zum Inhalt springen
LAYOUT · FREE

Card

Ein sauberer Container, der zusammengehörige Inhalte mit Kopf- und Fußzeile gruppiert.

Ein sauberer Container, der zusammengehörige Inhalte mit optionaler Kopf- und Fußzeile gruppiert.

Warum es hilft

  • Kopf- und Fußzeile
  • Flaches Aussehen
  • Flexibler Inhalt

Wo es passt

  • Dashboards
  • Produktlisten
  • Einstellungsgruppen
Das Steuerelement Card auf einer RayCraft-Seite

Beispiel

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

Ein kurzes Fragment. Fügen Sie @using RayCraft.Blazor.Components zu Ihrer Seite hinzu und nutzen Sie einen interaktiven Render-Modus.

In RayCraft Free enthalten. Funktionierende Beispiele finden Sie im GitHub-Repository (MIT); es enthält Beispiel- und Democode, nicht den Code der Bibliothek.

Alle Steuerelemente ยท Dokumentation