ComposerIconButton
Interfaces
ComposerIconButtonProps
Extends
IconButtonProps
Properties
Property | Type | Description |
---|---|---|
ComposerProps? | ComposerProps | Composer Props Default null |
CourseFormDialogComponentProps? | CourseFormDialogProps | Props to spread to CreateCourse component Default empty object |
CreateLiveStreamDialogComponentProps? | CreateLiveStreamDialogProps | Props to spread to CreateLiveStream component Default empty object |
EventFormDialogComponentProps? | EventFormDialogProps | Props to spread to CreateEvent component Default empty object |
GroupFormProps? | GroupFormProps | Props to spread to CreateGroup component Default empty object |
onClose? | () => void | Callback onClose Composer dialog Default null |
PopperProps? | PopperProps | Props to spread to popper Default empty object |
Variables
composerIconButton
composerIconButton:
ForwardRefExoticComponent
<Pick
<ComposerIconButtonProps
,"name"
|"value"
|"form"
|"slot"
|"style"
|"title"
|"id"
|"role"
|"hidden"
|"type"
|"children"
|"results"
|"edge"
|"key"
|"className"
|"classes"
|"action"
|"centerRipple"
|"disabled"
|"disableRipple"
|"disableTouchRipple"
|"focusRipple"
|"focusVisibleClassName"
|"LinkComponent"
|"onFocusVisible"
|"sx"
|"tabIndex"
|"TouchRippleProps"
|"touchRippleRef"
|"defaultChecked"
|"defaultValue"
|"suppressContentEditableWarning"
|"suppressHydrationWarning"
|"accessKey"
|"contentEditable"
|"contextMenu"
|"dir"
|"draggable"
|"lang"
|"placeholder"
|"spellCheck"
|"translate"
|"radioGroup"
|"about"
|"datatype"
|"inlist"
|"prefix"
|"property"
|"resource"
|"typeof"
|"vocab"
|"autoCapitalize"
|"autoCorrect"
|"autoSave"
|"color"
|"itemProp"
|"itemScope"
|"itemType"
|"itemID"
|"itemRef"
|"security"
|"unselectable"
|"inputMode"
|"is"
|"aria-activedescendant"
|"aria-atomic"
|"aria-autocomplete"
|"aria-busy"
|"aria-checked"
|"aria-colcount"
|"aria-colindex"
|"aria-colspan"
|"aria-controls"
|"aria-current"
|"aria-describedby"
|"aria-details"
|"aria-disabled"
|"aria-dropeffect"
|"aria-errormessage"
|"aria-expanded"
|"aria-flowto"
|"aria-grabbed"
|"aria-haspopup"
|"aria-hidden"
|"aria-invalid"
|"aria-keyshortcuts"
|"aria-label"
|"aria-labelledby"
|"aria-level"
|"aria-live"
|"aria-modal"
|"aria-multiline"
|"aria-multiselectable"
|"aria-orientation"
|"aria-owns"
|"aria-placeholder"
|"aria-posinset"
|"aria-pressed"
|"aria-readonly"
|"aria-relevant"
|"aria-required"
|"aria-roledescription"
|"aria-rowcount"
|"aria-rowindex"
|"aria-rowspan"
|"aria-selected"
|"aria-setsize"
|"aria-sort"
|"aria-valuemax"
|"aria-valuemin"
|"aria-valuenow"
|"aria-valuetext"
|"dangerouslySetInnerHTML"
|"onCopy"
|"onCopyCapture"
|"onCut"
|"onCutCapture"
|"onPaste"
|"onPasteCapture"
|"onCompositionEnd"
|"onCompositionEndCapture"
|"onCompositionStart"
|"onCompositionStartCapture"
|"onCompositionUpdate"
|"onCompositionUpdateCapture"
|"onFocus"
|"onFocusCapture"
|"onBlur"
|"onBlurCapture"
|"onChange"
|"onChangeCapture"
|"onBeforeInput"
|"onBeforeInputCapture"
|"onInput"
|"onInputCapture"
|"onReset"
|"onResetCapture"
|"onSubmit"
|"onSubmitCapture"
|"onInvalid"
|"onInvalidCapture"
|"onLoad"
|"onLoadCapture"
|"onError"
|"onErrorCapture"
|"onKeyDown"
|"onKeyDownCapture"
|"onKeyPress"
|"onKeyPressCapture"
|"onKeyUp"
|"onKeyUpCapture"
|"onAbort"
|"onAbortCapture"
|"onCanPlay"
|"onCanPlayCapture"
|"onCanPlayThrough"
|"onCanPlayThroughCapture"
|"onDurationChange"
|"onDurationChangeCapture"
|"onEmptied"
|"onEmptiedCapture"
|"onEncrypted"
|"onEncryptedCapture"
|"onEnded"
|"onEndedCapture"
|"onLoadedData"
|"onLoadedDataCapture"
|"onLoadedMetadata"
|"onLoadedMetadataCapture"
|"onLoadStart"
|"onLoadStartCapture"
|"onPause"
|"onPauseCapture"
|"onPlay"
|"onPlayCapture"
|"onPlaying"
|"onPlayingCapture"
|"onProgress"
|"onProgressCapture"
|"onRateChange"
|"onRateChangeCapture"
|"onSeeked"
|"onSeekedCapture"
|"onSeeking"
|"onSeekingCapture"
|"onStalled"
|"onStalledCapture"
|"onSuspend"
|"onSuspendCapture"
|"onTimeUpdate"
|"onTimeUpdateCapture"
|"onVolumeChange"
|"onVolumeChangeCapture"
|"onWaiting"
|"onWaitingCapture"
|"onAuxClick"
|"onAuxClickCapture"
|"onClick"
|"onClickCapture"
|"onContextMenu"
|"onContextMenuCapture"
|"onDoubleClick"
|"onDoubleClickCapture"
|"onDrag"
|"onDragCapture"
|"onDragEnd"
|"onDragEndCapture"
|"onDragEnter"
|"onDragEnterCapture"
|"onDragExit"
|"onDragExitCapture"
|"onDragLeave"
|"onDragLeaveCapture"
|"onDragOver"
|"onDragOverCapture"
|"onDragStart"
|"onDragStartCapture"
|"onDrop"
|"onDropCapture"
|"onMouseDown"
|"onMouseDownCapture"
|"onMouseEnter"
|"onMouseLeave"
|"onMouseMove"
|"onMouseMoveCapture"
|"onMouseOut"
|"onMouseOutCapture"
|"onMouseOver"
|"onMouseOverCapture"
|"onMouseUp"
|"onMouseUpCapture"
|"onSelect"
|"onSelectCapture"
|"onTouchCancel"
|"onTouchCancelCapture"
|"onTouchEnd"
|"onTouchEndCapture"
|"onTouchMove"
|"onTouchMoveCapture"
|"onTouchStart"
|"onTouchStartCapture"
|"onPointerDown"
|"onPointerDownCapture"
|"onPointerMove"
|"onPointerMoveCapture"
|"onPointerUp"
|"onPointerUpCapture"
|"onPointerCancel"
|"onPointerCancelCapture"
|"onPointerEnter"
|"onPointerEnterCapture"
|"onPointerLeave"
|"onPointerLeaveCapture"
|"onPointerOver"
|"onPointerOverCapture"
|"onPointerOut"
|"onPointerOutCapture"
|"onGotPointerCapture"
|"onGotPointerCaptureCapture"
|"onLostPointerCapture"
|"onLostPointerCaptureCapture"
|"onScroll"
|"onScrollCapture"
|"onWheel"
|"onWheelCapture"
|"onAnimationStart"
|"onAnimationStartCapture"
|"onAnimationEnd"
|"onAnimationEndCapture"
|"onAnimationIteration"
|"onAnimationIterationCapture"
|"onTransitionEnd"
|"onTransitionEndCapture"
|"disableFocusRipple"
|"size"
|"autoFocus"
|"formAction"
|"formEncType"
|"formMethod"
|"formNoValidate"
|"formTarget"
|"onClose"
|"component"
|"PopperProps"
|"ComposerProps"
|"CourseFormDialogComponentProps"
|"GroupFormProps"
|"EventFormDialogComponentProps"
|"CreateLiveStreamDialogComponentProps"
> &RefAttributes
<HTMLButtonElement
>>
API documentation for the Community-JS Composer Icon Button component. Learn about the available props and the CSS API.
Import
import {ComposerIconButton} from '@selfcommunity/react-ui';
Component Name
The name SComposerIconButton
can be used when providing style overrides in the theme.
CSS
Rule Name | Global class | Description |
---|---|---|
root | .SComposerIconButton-root | Styles applied to the root element. |