ChangeCover
Interfaces
ChangeCoverProps
Indexable
[p: string]: any
Properties
| Property | Type | Description |
|---|---|---|
autoHide? | boolean | Hides this component Default false |
className? | string | Overrides or extends the styles applied to the component. Default null |
onChange? | (cover: any) => void | On change function. Default null |
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
| Parameter | Type | Description |
|---|---|---|
inProps | ChangeCoverProps |
Returns
JSX.Element
Source
packages/react-ui/src/components/ChangeCover/ChangeCover.tsx:101