@selfcommunity/react-ui
Version:
React UI Components to integrate a Community created with SelfCommunity Platform.
49 lines (43 loc) • 1.5 kB
TypeScript
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;