Module: User
Interfaces
Functions
User
▸ User(inProps): JSX.Element
API documentation for the Community-JS User component. Learn about the available props and the CSS API.
This component renders a user item. Take a look at our demo component here
Import
import {User} from '@selfcommunity/react-ui';
Component Name
The name SCUser can be used when providing style overrides in the theme.
CSS
| Rule Name | Global class | Description |
|---|---|---|
| root | .SCUser-root | Styles applied to the root element. |
| avatar | .SCUser-avatar | Styles applied to the avatar element. |
| staffBadgeLabel | .SCUser-staff-badge-label | Styles applied to the staff badge label element. |
Parameters
| Name | Type |
|---|---|
inProps | UserProps |
Returns
JSX.Element
Defined in
packages/react-ui/src/components/User/User.tsx:113
UserSkeleton
▸ UserSkeleton(props): JSX.Element
API documentation for the Community-JS User Skeleton component. Learn about the available props and the CSS API.
Import
import {UserSkeleton} from '@selfcommunity/react-ui';
Component Name
The name SCUser-skeleton-root can be used when providing style overrides in the theme.
CSS
| Rule Name | Global class | Description |
|---|---|---|
| root | .SCUser-skeleton-root | Styles applied to the root element. |
Parameters
| Name | Type |
|---|---|
props | WidgetProps |
Returns
JSX.Element