Profile
Ethereum wallet profile
name | type | default | description |
|---|---|---|---|
| address * Required | string | - | The ethereum address of the profiled user. |
| alignDropdown | "left" | "right" | left | The alignment of the dropdown menu in relation to the profile button. |
| avatar | string | Omit<Props, "label"> | - | The url of the avatar icon, or the avatar props to passthrough |
| dropdownItems | DropdownItem[] | - | An array of objects conforming to the DropdownItem interface. |
| ensName | string | - | The ENS name associated with the address. |
| indicatorColor | "blue" | "indigo" | "purple" | "pink" | "red" | "orange" | "yellow" | "green" | "teal" | "grey" | "background" | "text" | "accent" | "border" | "blueSurface" | "indigoSurface" | "purpleSurface" | "pinkSurface" | "redSurface" | "orangeSurface" | "yellowSurface" | "greenSurface" | "tealSurface" | "greySurface" | "accentSurface" | "blueLight" | "indigoLight" | "purpleLight" | "pinkLight" | "redLight" | "orangeLight" | "yellowLight" | "greenLight" | "tealLight" | "greyLight" | "accentLight" | "blueBright" | "indigoBright" | "purpleBright" | "pinkBright" | "redBright" | "orangeBright" | "yellowBright" | "greenBright" | "tealBright" | "greyBright" | "accentBright" | "bluePrimary" | "indigoPrimary" | "purplePrimary" | "pinkPrimary" | "redPrimary" | "orangePrimary" | "yellowPrimary" | "greenPrimary" | "tealPrimary" | "greyPrimary" | "accentPrimary" | "blueDim" | "indigoDim" | "purpleDim" | "pinkDim" | "redDim" | "orangeDim" | "yellowDim" | "greenDim" | "tealDim" | "greyDim" | "accentDim" | "blueActive" | "indigoActive" | "purpleActive" | "pinkActive" | "redActive" | "orangeActive" | "yellowActive" | "greenActive" | "tealActive" | "greyActive" | "accentActive" | "backgroundPrimary" | "backgroundSecondary" | "textPrimary" | "textSecondary" | "textTertiary" | "textAccent" | "borderPrimary" | - | The colour of the indicator |
| size | "small" | "medium" | "large" | medium | The size and styling of the profile button. |
name | type | default | description |
|---|---|---|---|
| color | "blue" | "green" | "indigo" | "orange" | "pink" | "purple" | "red" | "teal" | "yellow" | "grey" | "accent" | "accentSecondary" | "accentSecondaryHover" | "accentTertiary" | "accentText" | "accentGradient" | "background" | "backgroundHide" | "backgroundSecondary" | "backgroundTertiary" | "border" | "borderSecondary" | "borderTertiary" | "foreground" | "foregroundSecondary" | "foregroundSecondaryHover" | "foregroundTertiary" | "groupBackground" | "groupBorder" | "gradients" | "text" | "textPlaceholder" | "textSecondary" | "textTertiary" | - | The color of the label. |
| disabled | boolean | - | The disabled attribute of button element. |
| label | string | - | The text label. |
| onClick | () => void | - | An event handler for click events. |