Better Images™
v1.0.0Displays images with aspect ratio and fallback support.
Proportional Aspect Overlays
Images with different aspect ratios.
Fault Tolerant Containment
How the component handles broken image links.
Image API Reference
All available props for this component.
Property | Type | Default | Description |
|---|---|---|---|
| src | string | StaticImport | required | Source link pointing cleanly toward internal paths or verified cross-domain remote CDNs. |
| alt | string | required | Accessibility alternative title string parsing screen readings directly for compliance vectors. |
| ratio | 'auto' | 'square' | 'video' | 'portrait' | 'landscape' | 'auto' | Locks responsive container dimensions to specific geometric aspect-ratios. |
| roundness | 'none' | 'sm' | 'md' | 'lg' | 'full' | 'md' | Applies unified design token border-radius structures smoothly onto outer framing borders. |
| fallback | React.ReactNode | calculated | Custom UI node view to display if an asset fails to fetch or parse correctly. |