Detail Card

Detail cards are used to display some key information about a specific entity.

Example

Single Card

<DetailCard
    label="To"
    content="support@hyvor.com" 
/>
To
support@hyvor.com

Card Grid

<DetailCards min={200}>
    <DetailCard label="From" content="user@example.com" />
    <DetailCard label="To"content="support@hyvor.com" />
    <DetailCard label="Subject" content="Hello, HYVOR Support!" />
    <DetailCard label="Status">
        <Tag color="green" size="small">Sent</Tag>
    </DetailCard>
</DetailCards>
From
user@example.com
To
support@hyvor.com
Subject
Hello, HYVOR Support!
Status
Sent