Design language

Card

Checking the hardware before every prompt

How the app makes sure a prompt only goes to verified hardware.

20 November 2026 / 6 min read
Variant
OutlinedFilledElevated
Size
SmMdLg
Orientation
VerticalHorizontal
Top
CoverLogoNone
Footer
BandPlainNone
Badge
OffOn
Cover
ImageGenerated
Safe area
HiddenShown
State
DefaultHoverFocusPress
Description
Heading
Code
import { Card } from '@/ui/card';

<Card.Root href="/blog/checking-the-hardware">
    <Card.Media><img src="/blog/cover.svg" alt="" /></Card.Media>
    <Card.Group>
        <Card.Title>Checking the hardware before every prompt</Card.Title>
        <Card.Description>How the app makes sure a prompt only goes to verified hardware.</Card.Description>
    </Card.Group>
    <Card.Footer band>20 November 2026 / 6 min read</Card.Footer>
</Card.Root>