FileCard
A downloadable resource with a legible name and size.
Live — this one is real
Usage
import { FileCard } from "mizu-ui";
export function Example() {
return (
<FileCard
href="/api/source/button"
name="Button.tsx"
type="TypeScript source"
/>
);
}
Source & setup
Import mizu-ui/styles.css once. Fonts are optional via mizu-ui/fonts.css. Override --mizu-* tokens or use className for local styling. Uses native React and CSS; install the package peers for root imports.
Inspect content/Typography.tsx
Source is included in the npm package under src/content/Typography.tsx.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| href / name | string | — | Resource URL and filename. |
| size | number | — | Optional actual byte count. |
| type / download | string / boolean | true | File descriptor and download preference. |
Accessibility
Native download anchor, readable metadata. Cross-origin servers control whether download is honored; this component never invents file size.
Motion
Static resource link.