@selfcommunity/react-ui
Version:
React UI Components to integrate a Community created with SelfCommunity Platform.
58 lines (49 loc) • 1.4 kB
TypeScript
import { SCUserType } from '@selfcommunity/types';
export interface UserProfileBlockedProps {
/**
* Overrides or extends the styles applied to the component.
* @default null
*/
className?: string;
/**
* Id of user object
* @default null
*/
userId?: number;
/**
* User Object
* @default null
*/
user?: SCUserType;
/**
* Prefetch blockedBy
* @default null
*/
blockedByUser?: boolean | null;
/**
* Enable sync status blockedBy
* @default false
*/
syncBlockedByUserStatus?: boolean;
/**
* Any other properties
*/
[p: string]: any;
}
/**
* > API documentation for the Community-JS User Profile Blocked component. Learn about the available props and the CSS API.
#### Import
```jsx
import {UserProfileBlocked} from '@selfcommunity/react-ui';
```
#### Component Name
The name `SCUserProfileBlocked` can be used when providing style overrides in the theme.
#### CSS
|Rule Name|Global class|Description|
|---|---|---|
|root|.SCUserProfileBlocked-root|Styles applied to the root element.|
|info|.SCUserProfileBlocked-info|Styles applied to info text element.|
|button|.SCUserProfileBlocked-button|Styles applied to the unblock button element.|
* @param inProps
*/
export default function UserProfileBlocked(inProps: UserProfileBlockedProps): JSX.Element;