Skip to main content

Module: UserProfileEdit

Interfaces

Functions

UserProfileEdit

UserProfileEdit(inProps): JSX.Element

API documentation for the Community-JS User Profile Edit component. Learn about the available props and the CSS API.

This component renders a section composed of different tabs where the user can edit the settings about its public information, account and notifications. Take a look at our demo component here

Import

import {UserProfileEdit} from '@selfcommunity/react-ui';

Component Name

The name SCUserProfileEdit can be used when providing style overrides in the theme.

CSS

Rule NameGlobal classDescription
root.SCUserProfileEdit-rootStyles applied to the root element.
tabs.SCUserProfileEdit-tabsStyles applied to the tab elements.
tabsContent.SCUserProfileEdit-tabs-contentStyles applied to tab content elements.

Parameters

NameType
inPropsUserProfileEditProps

Returns

JSX.Element

Defined in

packages/react-ui/src/components/UserProfileEdit/UserProfileEdit.tsx:102


UserProfileEditSectionAccount

UserProfileEditSectionAccount(props): JSX.Element

Parameters

NameType
propsUserProfileEditSectionAccountProps

Returns

JSX.Element

Defined in

packages/react-ui/src/components/UserProfileEdit/Section/Account.tsx:96


UserProfileEditSectionPublicInfo

UserProfileEditSectionPublicInfo(props): JSX.Element

Parameters

NameType
propsUserProfileEditSectionPublicInfoProps

Returns

JSX.Element

Defined in

packages/react-ui/src/components/UserProfileEdit/Section/PublicInfo.tsx:109


UserProfileEditSectionSettings

UserProfileEditSectionSettings(props): JSX.Element

Parameters

NameType
propsUserProfileEditSectionSettingsProps

Returns

JSX.Element

Defined in

packages/react-ui/src/components/UserProfileEdit/Section/Settings.tsx:66


UserProfileEditSkeleton

UserProfileEditSkeleton(): JSX.Element

API documentation for the Community-JS User Profile Edit Skeleton component. Learn about the available props and the CSS API.

Import

import {UserProfileEditSkeleton} from '@selfcommunity/react-ui';

Component Name

The name SCUserProfileEdit-skeleton-root can be used when providing style overrides in the theme.

CSS

Rule NameGlobal classDescription
root.SCUserProfileEdit-skeleton-rootStyles applied to the root element.

Returns

JSX.Element

Defined in

packages/react-ui/src/components/UserProfileEdit/Skeleton.tsx:36