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

Parameter	Type
props	ProfileNameFieldProps
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

Member	Type
did	string
missingNameWarningLabel	string
profileName	string
showMissingNameWarning	boolean
size	"sm" | "md" | "lg"
truncateText	boolean

Source

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