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 amissingNameWarningLabel
is provided, a tooltip will appear when a user hovers over the DID (when profile name is missing) with themissingNameWarningLabel
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