Module: ChangeCover
Interfaces
Functions
ChangeCover
▸ ChangeCover(inProps): JSX.Element
API documentation for the Community-JS Change Cover component. Learn about the available props and the CSS API.
This component renders a button that allows users to edit their profile cover and a popover that specifies format and sizes allowed. Take a look at our demo component here
Import
import {ChangeCover} from '@selfcommunity/react-ui';
Component Name
The name SCChangeCoverButton can be used when providing style overrides in the theme.
CSS
| Rule Name | Global class | Description |
|---|---|---|
| root | .SCChangeCoverButton-root | Styles applied to the root element. |
| helpPopover | .SCChangeCoverButton-help-popover | Styles applied to the help popover element. |
| addMenuItem | .SCChangeCoverButton-add-menuItem | Styles applied to the add menu element. |
| delMenuItem | .SCChangeCoverButton-del-menuItem | Styles applied to the del menu element. |
Parameters
| Name | Type |
|---|---|
inProps | ChangeCoverProps |
Returns
JSX.Element
Defined in
packages/react-ui/src/components/ChangeCover/ChangeCover.tsx:101