UNPKG

@selfcommunity/react-ui

Version:

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

58 lines (53 loc) 2.08 kB
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;