Module: UserConnectionsWidget
Interfaces
Functions
UserConnectionsWidget
▸ UserConnectionsWidget(inProps): JSX.Element
API documentation for the Community-JS User Connections Widget component. Learn about the available props and the CSS API.
This component renders the list of connections of the given user.
Import
import {UserConnectionsWidget} from '@selfcommunity/react-ui';
Component Name
The name SCUserConnectionsWidget can be used when providing style overrides in the theme.
CSS
| Rule Name | Global class | Description |
|---|---|---|
| root | .SCUserConnectionsWidget-root | Styles applied to the root element. |
| title | .SCUserConnectionsWidget-title | Styles applied to the title element. |
| noResults | .SCUserConnectionsWidget-no-results | Styles applied to no results section. |
| connectionsItem | .SCUserConnectionsWidget-connections-item | Styles applied to connection item element. |
| showMore | .SCUserConnectionsWidget-show-more | Styles applied to show more button element. |
Parameters
| Name | Type |
|---|---|
inProps | UserConnectionsWidgetProps |
Returns
JSX.Element
Defined in
packages/react-ui/src/components/UserConnectionsWidget/UserConnectionsWidget.tsx:125
UserConnectionsWidgetSkeleton
▸ UserConnectionsWidgetSkeleton(props): JSX.Element
API documentation for the Community-JS User Connections Widget Skeleton component. Learn about the available props and the CSS API.
Import
import {UserConnectionsSkeleton} from '@selfcommunity/react-ui';
Component Name
The name SCUserConnectionsWidget-skeleton-root can be used when providing style overrides in the theme.
CSS
| Rule Name | Global class | Description |
|---|---|---|
| root | .SCUserConnectionsWidget-skeleton-root | Styles applied to the root element. |
Parameters
| Name | Type |
|---|---|
props | WidgetProps |
Returns
JSX.Element
Defined in
packages/react-ui/src/components/UserConnectionsWidget/Skeleton.tsx:37