Module: UserProfileEdit
Interfaces
- UserProfileEditProps
- UserProfileEditSectionAccountProps
- UserProfileEditSectionPublicInfoProps
- UserProfileEditSectionSettingsProps
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 Name | Global class | Description |
---|---|---|
root | .SCUserProfileEdit-root | Styles applied to the root element. |
tabs | .SCUserProfileEdit-tabs | Styles applied to the tab elements. |
tabsContent | .SCUserProfileEdit-tabs-content | Styles applied to tab content elements. |
Parameters
Name | Type |
---|---|
inProps | UserProfileEditProps |
Returns
JSX.Element
Defined in
packages/react-ui/src/components/UserProfileEdit/UserProfileEdit.tsx:102
UserProfileEditSectionAccount
▸ UserProfileEditSectionAccount(props
): JSX.Element
Parameters
Name | Type |
---|---|
props | UserProfileEditSectionAccountProps |
Returns
JSX.Element
Defined in
packages/react-ui/src/components/UserProfileEdit/Section/Account.tsx:96
UserProfileEditSectionPublicInfo
▸ UserProfileEditSectionPublicInfo(props
): JSX.Element
Parameters
Name | Type |
---|---|
props | UserProfileEditSectionPublicInfoProps |
Returns
JSX.Element
Defined in
packages/react-ui/src/components/UserProfileEdit/Section/PublicInfo.tsx:109
UserProfileEditSectionSettings
▸ UserProfileEditSectionSettings(props
): JSX.Element
Parameters
Name | Type |
---|---|
props | UserProfileEditSectionSettingsProps |
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 Name | Global class | Description |
---|---|---|
root | .SCUserProfileEdit-skeleton-root | Styles applied to the root element. |
Returns
JSX.Element
Defined in
packages/react-ui/src/components/UserProfileEdit/Skeleton.tsx:36