GroupInviteButton
Interfaces
GroupInviteButtonProps
Extends
ButtonProps
Indexable
[p
: string
]: any
Properties
Property | Type | Description | Overrides |
---|---|---|---|
className? | string | Overrides or extends the styles applied to the component. Default null | ButtonProps.className |
group? | SCGroupType | Group Object Default null | - |
groupId? | string | number | Id of the group Default null | - |
handleInvitations? | (data : any ) => any | Functions to handle invitations sending in group creation mode Default null | - |
Functions
GroupInviteButton()
GroupInviteButton(
inProps
):JSX.Element
API documentation for the Community-JS Group Invite Button component. Learn about the available props and the CSS API.
Import
import {SCGroupInviteButton} from '@selfcommunity/react-ui';
Component Name
The name SCGroupInviteButton
can be used when providing style overrides in the theme.
CSS
Rule Name | Global class | Description |
---|---|---|
root | .SCGroupInviteButton-root | Styles applied to the root element. |
dialogRoot | .SCGroupInviteButton-dialog-root | Styles applied to the dialog root. |
dialogTitle | .SCGroupInviteButton-dialog-title | Styles applied to the dialog title element. |
dialogContent | .SCGroupInviteButton-dialog-content | Styles applied to the dialog content. |
autocomplete | .SCGroupInviteButton-autocomplete | Styles applied to the autocomplete element. |
icon | .SCGroupInviteButton-icon | Styles applied to the autocomplete icon element. |
input | .SCGroupInviteButton-input | Styles applied to the autocomplete input element. |
clear | .SCGroupInviteButton-clear | Styles applied to the autocomplete clear icon element. |
invitedBox | .SCGroupInviteButton-invited-box | Styles applied to the invited users box. |
suggested | .SCGroupInviteButton-suggested | Styles applied to the suggested users box. |
Parameters
Parameter | Type | Description |
---|---|---|
inProps | GroupInviteButtonProps |
Returns
JSX.Element
Source
packages/react-ui/src/components/GroupInviteButton/GroupInviteButton.tsx:111