Detail Card

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

Example

Single Card

<DetailCard
    label="To"
    content="[email protected]" 
/>
To
[email protected]

Card Grid

<DetailCards min={200}>
    <DetailCard label="From" content="[email protected]" />
    <DetailCard label="To"content="[email protected]" />
    <DetailCard label="Subject" content="Hello, HYVOR Support!" />
    <DetailCard label="Status">
        <Tag color="green" size="small">Sent</Tag>
    </DetailCard>
</DetailCards>
From
[email protected]
To
[email protected]
Subject
Hello, HYVOR Support!
Status
Sent