ChangeCover

Interfaces

ChangeCoverProps

Indexable

[p: string]: any

Any other properties

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) => void	On change function. Default null

Functions

ChangeCover()

ChangeCover(inProps): 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

Element