UserInfo
Interfaces
UserInfoProps
Indexable
[p: string]: any
Properties
| Property | Type | Description |
|---|---|---|
className? | string | Overrides or extends the styles applied to the component. Default null |
fields? | SCUserProfileFields[] | User fields to display in the profile Default [real_name, date_joined, date_of_birth, website, description, bio] |
user? | SCUserType | User Object Default null |
userId? | number | Id of user object Default null |
Functions
UserInfo()
UserInfo(
inProps):JSX.Element
API documentation for the Community-JS User Info component. Learn about the available props and the CSS API.
Import
import {UserInfo} from '@selfcommunity/react-ui';
Component Name
The name SCUserInfo can be used when providing style overrides in the theme.
CSS
| Rule Name | Global class | Description |
|---|---|---|
| root | .SCUserInfo-root | Styles applied to the root element. |
| field | .SCUserInfo-field | Styles applied to the field element. |
Parameters
| Parameter | Type | Description |
|---|---|---|
inProps | UserInfoProps |
Returns
JSX.Element
Source
packages/react-ui/src/components/UserInfo/UserInfo.tsx:124
UserInfoSkeleton()
UserInfoSkeleton():
JSX.Element
API documentation for the Community-JS User Profile Info Skeleton component. Learn about the available props and the CSS API.
Import
import {UserProfileInfoSkeleton} from '@selfcommunity/react-ui';
Component Name
The name SCUserProfileInfo-skeleton-root can be used when providing style overrides in the theme.
CSS
| Rule Name | Global class | Description |
|---|---|---|
| root | .SCUserProfileInfo-skeleton-root | Styles applied to the root element. |
Returns
JSX.Element