Image
The props declared for Image, generated from the types @proyecto-viviana/ui ships.
Import
import { Image } from "@proyecto-viviana/ui";Props
Differs from @proyecto-viviana/solid-spectrum
isPixelatedexists only here.
| Prop | Type | Default | Description |
|---|---|---|---|
src | string | ImageSource[] | — | The URL of the image or a list of conditional sources. |
alt | string | — | Accessible alt text for the image. |
crossOrigin | 'anonymous' | 'use-credentials' | — | Not yet documented |
decoding | 'auto' | 'async' | 'sync' | — | Not yet documented |
fetchPriority | 'auto' | 'high' | 'low' | — | Not yet documented |
loading | 'eager' | 'lazy' | — | Not yet documented |
referrerPolicy | false | 'no-referrer' | 'no-referrer-when-downgrade' | 'origin' | 'origin-when-cross-origin' | 'same-origin' | 'strict-origin' | 'strict-origin-when-cross-origin' | 'unsafe-url' | — | Not yet documented |
width | number | — | Not yet documented |
height | number | — | Not yet documented |
isPixelated | false | true | false | Local addition — no S2 counterpart. Renders the bitmap with nearest-neighbour scaling (`image-rendering: pixelated`) instead of the browser's smoothing, so the register's low-resolution pixel thumbs stay crisp blocks when they are scaled up rather than turning into a blur. It is a rendering mode of the element, not a design token, so it has no place on the style ramp and is carried as a boolean here. |
styles | StyleString | (() => StyleString | undefined) | — | Not yet documented |
renderError | () => JSX.Element | — | Not yet documented |
group | ImageGroup | — | Not yet documented |
itemProp | string | — | Not yet documented |
slot | string | — | Not yet documented |
UNSAFE_className | string | UnsafeClassName | — | Not yet documented |
UNSAFE_style | JSX.CSSProperties | — | Not yet documented |
ref | HTMLDivElement | ((el: HTMLDivElement) => void) | { current?: HTMLDivElement | null | undefined; } | — | Not yet documented |
Declared in packages/viviana-ui/src/image/index.tsx.
ImageCoordinator props
| Prop | Type | Default | Description |
|---|---|---|---|
children | number | boolean | RenderedElement | ArrayElement | (string & {}) | Node | JSX.ArrayElement | — | Not yet documented |
timeout | number | 5000 | Time in milliseconds after which images are always displayed. |
group | ImageGroup | — | Not yet documented |
Declared in packages/viviana-ui/src/image/index.tsx.
Props marked solidaria or solidaria-components come from the headless layer underneath and behave the same in both registers. Components that wrap a DOM element also accept that element's standard attributes, which are left out here on purpose — listing them would bury the props that are actually ours.