Skip to main content

ProfileNameField

Components

ProfileNameField()

ProfileNameField(props, context?): ReactNode

The ProfileNameField component covers the displaying of the profile name in various scenarios:

  • When there is no profile name available, a truncated DID address will be displayed instead
  • When the showMissingNameWarning prop is true and a missingNameWarningLabel is provided, a tooltip will appear when a user hovers over the DID (when profile name is missing) with the missingNameWarningLabel content, which normally explains the limitation associated with not having set up a profile (Note that a profile name is required when setting up your profile).

Parameters

ParameterType
propsProfileNameFieldProps
context?any

Returns

ReactNode

Example

   <ProfileNameField
did='did:pkh:eip155:5:0x36c703c4d22af437dc883e2e0884e57404e16493'
truncateText={true}
profileName='WonderfulCat'
/>

Source

libs/design-system-core/src/components/ProfileNameField/index.tsx:40

Props

ProfileNameFieldProps

ProfileNameFieldProps: object

Type declaration

MemberType
didstring
missingNameWarningLabelstring
profileNamestring
showMissingNameWarningboolean
size"sm" | "md" | "lg"
truncateTextboolean

Source

libs/design-system-core/src/components/ProfileNameField/index.tsx:9