Avatar
The props declared for Avatar, generated from the types @proyecto-viviana/ui ships.
Import
import { Avatar } from "@proyecto-viviana/ui";Props
| Prop | Type | Default | Description |
|---|---|---|---|
src | string | — | Not yet documented |
alt | string | — | Not yet documented |
size | AvatarSize | 24 | The size of the avatar. |
isOverBackground | false | true | — | Whether the avatar is over a color background. |
online | false | true | — | Not yet documented |
fallback | string | — | Not yet documented |
class | string | — | Not yet documented |
slot | string | — | Not yet documented |
styles | StyleString | (() => StyleString | undefined) | — | Not yet documented |
UNSAFE_className | string | — | 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/avatar/index.tsx.
AvatarGroup props
Differs from @proyecto-viviana/solid-spectrum
sizeadds 30.
| Prop | Type | Default | Description |
|---|---|---|---|
children | number | boolean | RenderedElement | ArrayElement | (string & {}) | Node | JSX.ArrayElement | — | Avatar children of the avatar group. |
label | string | — | The label for the avatar group. |
size | 16 | 20 | 24 | 28 | 30 | 32 | 36 | 40 | 24 | The size of the avatar group. |
class | string | — | Not yet documented |
slot | string | — | Not yet documented |
styles | StyleString | (() => StyleString | undefined) | — | Not yet documented |
UNSAFE_className | string | — | 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/avatar/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.