card — independently scanned and version-tracked by SaferSkills.
SaferSkills independently audited card (Agent Skill) and scored it 100/100 (green). The audit ran 55 deterministic rules across Security, Supply Chain, Maintenance, Transparency, and Community; it found 0 high-severity and 0 lower-severity findings. The full rule-by-rule trace and per-finding evidence are below. Free, methodology-open.
Findings & checks · 0 flagged
Every scanned point with the score it earned and what moved between them.
First recorded scan — no prior version to compare against.
The primary manifest — the file an agent reads to learn what this artifact does.
Content container with optional header section. Renders as a <section> with border, background, rounded corners, and padding.
import { Card } from 'reablocks';| Prop | Type | Default | Description | ||
|---|---|---|---|---|---|
header | `string \ | JSX.Element \ | JSX.Element[]` | — | Header content (string renders as <h3>) |
disablePadding | boolean | — | Remove padding | ||
className | string | — | Card container CSS classes | ||
headerClassName | string | — | Header CSS classes | ||
contentClassName | string | — | Content area CSS classes | ||
style | CSSProperties | — | Inline styles | ||
theme | CardTheme | — | Per-instance theme override |
Also accepts DOM event attributes. Uses forwardRef.
<Card>Card content here</Card><Card header="Settings">
<p>Card body content</p>
</Card><Card header={<div className="flex justify-between"><h3>Title</h3><Button>Action</Button></div>}>
Content
</Card><Card disablePadding>
<List>...</List>
</Card>interface CardTheme {
base: string; // Container (flex-col, padding, rounded, bg, border)
disablePadding: string; // No padding override
header: string; // Header container (flex, items-center)
headerText: string; // Header text (font, margin)
content: string; // Content area (flex-1)
}~30 seconds. Free. No account. Every finding cites a rule and a line of evidence.