# Calendar

<Card title="Next meeting" subtitle="Today · Thursday, July 17">
<Columns>
<Stat label="Meeting" value="Design sync" icon="calendar" note="30 min" />
<Stat label="Start time" value="2:30 PM" icon="clock" tone="info" change="In 15 minutes" />
</Columns>
</Card>

<Card title="Attendees" subtitle="4 confirmed">
<Columns>
<Avatar name="Ada Lovelace" subtitle="Product" />
<Avatar name="Grace Hopper" subtitle="Engineering" />
<Avatar name="Alan Turing" subtitle="Design" />
<Avatar name="Katherine Johnson" subtitle="Data" />
</Columns>
</Card>

<Card title="Join the call">
<Callout tone="success" title="Meeting link ready">The video link is active for this meeting.</Callout>
<Button variant="primary" icon="video-camera" size="large">Join call</Button>
</Card>