@selfcommunity/react-ui
Version:
React UI Components to integrate a Community created with SelfCommunity Platform.
58 lines (53 loc) • 2.08 kB
TypeScript
import { ButtonProps } from '@mui/material/Button/Button';
import { SCEventType } from '@selfcommunity/types';
export interface EventInviteButtonProps extends ButtonProps {
/**
* Overrides or extends the styles applied to the component.
* @default null
*/
className?: string;
/**
* Event Object
* @default null
*/
event?: SCEventType;
/**
* Id of the event
* @default null
*/
eventId?: number | string;
/**
* Functions to handle invitations sending in event creation mode
* @default null
*/
handleInvitations?: ((invited: boolean) => void) | null;
/**
* Any other properties
*/
[p: string]: any;
}
/**
*> API documentation for the Community-JS Event Invite Button component. Learn about the available props and the CSS API.
*
#### Import
```jsx
import {SCEventInviteButton} from '@selfcommunity/react-ui';
```
#### Component Name
The name `SCEventInviteButton` can be used when providing style overrides in the theme.
#### CSS
|Rule Name|Global class|Description|
|---|---|---|
|root|.SCEventInviteButton-root|Styles applied to the root element.|
|dialogRoot|.SCEventInviteButton-dialog-root|Styles applied to the dialog root.|
|dialogTitle|.SCEventInviteButton-dialog-title|Styles applied to the dialog title element.|
|dialogContent|.SCEventInviteButton-dialog-content|Styles applied to the dialog content.|
|autocomplete|.SCEventInviteButton-autocomplete|Styles applied to the autocomplete element.|
|icon|.SCEventInviteButton-icon|Styles applied to the autocomplete icon element.|
|input|.SCEventInviteButton-input|Styles applied to the autocomplete input element.|
|clear|.SCEventInviteButton-clear|Styles applied to the autocomplete clear icon element.|
|invitedBox|.SCEventInviteButton-invited-box|Styles applied to the invited users box.|
|suggested|.SCEventInviteButton-suggested|Styles applied to the suggested users box.|
* @param inProps
*/
export default function EventInviteButton(inProps: EventInviteButtonProps): JSX.Element;