EventForm

Interfaces

EventFormProps

Extends

• BaseDialogProps

Indexable

[p: string]: any

Properties

Property	Type	Description	Overrides	Inherited from
DialogContentProps?	DialogContentProps	Dialog content props Default {dividers: !isMobile}	BaseDialogProps.DialogContentProps	BaseDialogProps.DialogContentProps
actions?	ReactNode	Actions for the dialog	BaseDialogProps.actions	BaseDialogProps.actions
className?	string	Overrides or extends the styles applied to the component. Default null	BaseDialogProps.className	BaseDialogProps.className
event?	SCEventType	Event Object Default null	-	-
onClose?	() => void	On dialog close callback function Default null	BaseDialogProps.onClose	BaseDialogProps.onClose
onSuccess?	(data: SCEventType) => void	On success callback function Default null	-	-
open?	boolean	Open dialog Default true	BaseDialogProps.open	BaseDialogProps.open
subtitle?	any	Dialog subtitle Default ''	BaseDialogProps.subtitle	BaseDialogProps.subtitle
title?	any	Dialog title Default ''	BaseDialogProps.title	BaseDialogProps.title

Functions

EventForm()

EventForm(inProps): JSX.Element

API documentation for the Community-JS Event Form component. Learn about the available props and the CSS API.

Import

import {EventForm} from '@selfcommunity/react-ui';

Component Name

The name SCEventForm can be used when providing style overrides in the theme.

CSS

Rule Name	Global class	Description
root	.SCEventForm-root	Styles applied to the root element.
active	.SCEventForm-active	Styles applied to the active element.
title	.SCEventForm-title	Styles applied to the title element.
cover	.SCEventForm-cover	Styles applied to the cover field.
form	.SCEventForm-form	Styles applied to the form element.
switch	.SCEventForm-switch	Styles applied to the switch element.
switchLabel	.SCEventForm-switch-label	Styles applied to the switchLabel element.
name	.SCEventForm-name	Styles applied to the name field.
description	.SCEventForm-description	Styles applied to the description field.
content	.SCEventForm-content	Styles applied to the element.
privacySection	.SCEventForm-privacy-section	Styles applied to the privacy section.
privacySectionInfo	.SCEventForm-privacy-section-info	Styles applied to the privacy info section.
error	.SCEventForm-error	Styles applied to the error elements.

Parameters

Parameter	Type	Description
inProps	EventFormProps

Returns

JSX.Element

Source

packages/react-ui/src/components/EventForm/EventForm.tsx:166