Data Display
Image
An image component with built-in support for responsive sizing, object-fit modes, and border radius. Handles common image display patterns while maintaining aspect ratios and proper scaling.
Object fit#
Component props#
| Name | Type | Description |
|---|---|---|
| src | string | Image source URL (required) |
| alt | string | Alternative text |
| objectFit | ObjectFit | "fill" | "contain" | "cover" | "none" | "scale-down" |
| isCentered | boolean | Centers the image horizontally |
| borderRadius | BorderRadius | Border radius value |
| shadow | BoxShadow | Box shadow value |