UNPKG

@selfcommunity/react-ui

Version:

React UI Components to integrate a Community created with SelfCommunity Platform.

49 lines (43 loc) 1.5 kB
export interface ChangeCoverProps { /** * On change function. * @default null */ onChange?: (cover: any) => void; /** * Hides this component * @default false */ autoHide?: boolean; /** * Overrides or extends the styles applied to the component. * @default null */ className?: string; /** * Any other properties */ [p: string]: any; } /** * > 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 <strong>demo</strong> component [here](/docs/sdk/community-js/react-ui/Components/ChangeCover) #### Import ```jsx 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.| * @param inProps */ export default function ChangeCover(inProps: ChangeCoverProps): JSX.Element;