kotlin-mui-material/mui.material/ChipProps

ChipProps

external interface ChipProps : ChipOwnProps, HTMLAttributes<HTMLDivElement> , PropsWithComponent(source)

Properties

abstract var about: String?

abstract var accessKey: String?

abstract var autoCapitalize: String?

abstract var autoCorrect: String?

abstract var autoFocus: Boolean?

abstract var autoSave: String?

abstract var avatar: ReactElement<*>?

The Avatar element to display.

abstract override var children: Nothing?

This prop isn't supported. Use the component prop if you need to change the children structure.

abstract var classes: ChipClasses?

Override or extend the styles applied to the component.

abstract var className: ClassName?

abstract var clickable: Boolean?

If true, the chip will appear clickable, and will raise when pressed, even if the onClick prop is not defined. If false, the chip will not appear clickable, even if onClick prop is defined. This can be used, for example, along with the component prop to indicate an anchor Chip is clickable. Note: this controls the UI and does not affect the onClick event.

abstract var color: ChipColor?

The color of the component. It supports both default and custom theme colors, which can be added as shown in the palette customization guide.

abstract var component: ElementType<*>?

abstract var content: String?

contentEditable

abstract var contentEditable: Any?

abstract var contextMenu: String?

dangerouslySetInnerHTML

abstract var dangerouslySetInnerHTML: DangerouslySetInnerHTML?

abstract var datatype: String?

abstract var defaultChecked: Boolean?

abstract var defaultValue: Any?

abstract var deleteIcon: ReactElement<*>?

Override the default delete icon element. Shown only if onDelete is set.

abstract var dir: String?

abstract var disabled: Boolean?

If true, the component is disabled.

abstract var draggable: Boolean?

abstract var enterKeyHint: EnterKeyHint?

abstract var hidden: Boolean?

abstract var icon: ReactElement<*>?

Icon element.

abstract var id: String?

abstract var inlist: Any?

abstract var inputMode: InputMode?

abstract var is: String?

abstract var itemID: String?

abstract var itemProp: String?

abstract var itemRef: String?

abstract var itemScope: Boolean?

abstract var itemType: String?

abstract var key: Key?

abstract var label: ReactNode?

The content of the component.

abstract var lang: String?

abstract var nonce: String?

abstract var onAbort: ReactEventHandler<HTMLDivElement>?

abstract var onAbortCapture: ReactEventHandler<HTMLDivElement>?

abstract var onAnimationEnd: AnimationEventHandler<HTMLDivElement>?

onAnimationEndCapture

abstract var onAnimationEndCapture: AnimationEventHandler<HTMLDivElement>?

onAnimationIteration

abstract var onAnimationIteration: AnimationEventHandler<HTMLDivElement>?

onAnimationIterationCapture

abstract var onAnimationIterationCapture: AnimationEventHandler<HTMLDivElement>?

onAnimationStart

abstract var onAnimationStart: AnimationEventHandler<HTMLDivElement>?

onAnimationStartCapture

abstract var onAnimationStartCapture: AnimationEventHandler<HTMLDivElement>?

abstract var onAuxClick: MouseEventHandler<HTMLDivElement>?

onAuxClickCapture

abstract var onAuxClickCapture: MouseEventHandler<HTMLDivElement>?

abstract var onBeforeInput: FormEventHandler<HTMLDivElement>?

onBeforeInputCapture

abstract var onBeforeInputCapture: FormEventHandler<HTMLDivElement>?

abstract var onBlur: FocusEventHandler<HTMLDivElement>?

abstract var onBlurCapture: FocusEventHandler<HTMLDivElement>?

abstract var onCanPlay: ReactEventHandler<HTMLDivElement>?

onCanPlayCapture

abstract var onCanPlayCapture: ReactEventHandler<HTMLDivElement>?

onCanPlayThrough

abstract var onCanPlayThrough: ReactEventHandler<HTMLDivElement>?

onCanPlayThroughCapture

abstract var onCanPlayThroughCapture: ReactEventHandler<HTMLDivElement>?

onChangeCapture

abstract var onChangeCapture: FormEventHandler<HTMLDivElement>?

abstract var onClick: MouseEventHandler<HTMLDivElement>?

abstract var onClickCapture: MouseEventHandler<HTMLDivElement>?

onCompositionEnd

abstract var onCompositionEnd: CompositionEventHandler<HTMLDivElement>?

onCompositionEndCapture

abstract var onCompositionEndCapture: CompositionEventHandler<HTMLDivElement>?

onCompositionStart

abstract var onCompositionStart: CompositionEventHandler<HTMLDivElement>?

onCompositionStartCapture

abstract var onCompositionStartCapture: CompositionEventHandler<HTMLDivElement>?

onCompositionUpdate

abstract var onCompositionUpdate: CompositionEventHandler<HTMLDivElement>?

onCompositionUpdateCapture

abstract var onCompositionUpdateCapture: CompositionEventHandler<HTMLDivElement>?

abstract var onContextMenu: MouseEventHandler<HTMLDivElement>?

onContextMenuCapture

abstract var onContextMenuCapture: MouseEventHandler<HTMLDivElement>?

abstract var onCopy: ClipboardEventHandler<HTMLDivElement>?

abstract var onCopyCapture: ClipboardEventHandler<HTMLDivElement>?

abstract var onCut: ClipboardEventHandler<HTMLDivElement>?

abstract var onCutCapture: ClipboardEventHandler<HTMLDivElement>?

abstract var onDelete: EventHandler<*>?

Callback fired when the delete icon is clicked. If set, the delete icon will be shown.

abstract var onDoubleClick: MouseEventHandler<HTMLDivElement>?

onDoubleClickCapture

abstract var onDoubleClickCapture: MouseEventHandler<HTMLDivElement>?

abstract var onDrag: DragEventHandler<HTMLDivElement>?

abstract var onDragCapture: DragEventHandler<HTMLDivElement>?

abstract var onDragEnd: DragEventHandler<HTMLDivElement>?

onDragEndCapture

abstract var onDragEndCapture: DragEventHandler<HTMLDivElement>?

abstract var onDragEnter: DragEventHandler<HTMLDivElement>?

onDragEnterCapture

abstract var onDragEnterCapture: DragEventHandler<HTMLDivElement>?

abstract var onDragExit: DragEventHandler<HTMLDivElement>?

onDragExitCapture

abstract var onDragExitCapture: DragEventHandler<HTMLDivElement>?

abstract var onDragLeave: DragEventHandler<HTMLDivElement>?

onDragLeaveCapture

abstract var onDragLeaveCapture: DragEventHandler<HTMLDivElement>?

abstract var onDragOver: DragEventHandler<HTMLDivElement>?

onDragOverCapture

abstract var onDragOverCapture: DragEventHandler<HTMLDivElement>?

abstract var onDragStart: DragEventHandler<HTMLDivElement>?

onDragStartCapture

abstract var onDragStartCapture: DragEventHandler<HTMLDivElement>?

abstract var onDrop: DragEventHandler<HTMLDivElement>?

abstract var onDropCapture: DragEventHandler<HTMLDivElement>?

onDurationChange

abstract var onDurationChange: ReactEventHandler<HTMLDivElement>?

onDurationChangeCapture

abstract var onDurationChangeCapture: ReactEventHandler<HTMLDivElement>?

abstract var onEmptied: ReactEventHandler<HTMLDivElement>?

onEmptiedCapture

abstract var onEmptiedCapture: ReactEventHandler<HTMLDivElement>?

abstract var onEncrypted: ReactEventHandler<HTMLDivElement>?

onEncryptedCapture

abstract var onEncryptedCapture: ReactEventHandler<HTMLDivElement>?

abstract var onEnded: ReactEventHandler<HTMLDivElement>?

abstract var onEndedCapture: ReactEventHandler<HTMLDivElement>?

abstract var onError: ReactEventHandler<HTMLDivElement>?

abstract var onErrorCapture: ReactEventHandler<HTMLDivElement>?

abstract var onFocus: FocusEventHandler<HTMLDivElement>?

abstract var onFocusCapture: FocusEventHandler<HTMLDivElement>?

onGotPointerCapture

abstract var onGotPointerCapture: PointerEventHandler<HTMLDivElement>?

onGotPointerCaptureCapture

abstract var onGotPointerCaptureCapture: PointerEventHandler<HTMLDivElement>?

abstract var onInput: FormEventHandler<HTMLDivElement>?

abstract var onInputCapture: FormEventHandler<HTMLDivElement>?

abstract var onInvalid: FormEventHandler<HTMLDivElement>?

onInvalidCapture

abstract var onInvalidCapture: FormEventHandler<HTMLDivElement>?

abstract var onKeyDown: KeyboardEventHandler<HTMLDivElement>?

onKeyDownCapture

abstract var onKeyDownCapture: KeyboardEventHandler<HTMLDivElement>?

abstract var onKeyUp: KeyboardEventHandler<HTMLDivElement>?

abstract var onKeyUpCapture: KeyboardEventHandler<HTMLDivElement>?

abstract var onLoad: ReactEventHandler<HTMLDivElement>?

abstract var onLoadCapture: ReactEventHandler<HTMLDivElement>?

abstract var onLoadedData: ReactEventHandler<HTMLDivElement>?

onLoadedDataCapture

abstract var onLoadedDataCapture: ReactEventHandler<HTMLDivElement>?

onLoadedMetadata

abstract var onLoadedMetadata: ReactEventHandler<HTMLDivElement>?

onLoadedMetadataCapture

abstract var onLoadedMetadataCapture: ReactEventHandler<HTMLDivElement>?

abstract var onLoadStart: ReactEventHandler<HTMLDivElement>?

onLoadStartCapture

abstract var onLoadStartCapture: ReactEventHandler<HTMLDivElement>?

onLostPointerCapture

abstract var onLostPointerCapture: PointerEventHandler<HTMLDivElement>?

onLostPointerCaptureCapture

abstract var onLostPointerCaptureCapture: PointerEventHandler<HTMLDivElement>?

abstract var onMouseDown: MouseEventHandler<HTMLDivElement>?

onMouseDownCapture

abstract var onMouseDownCapture: MouseEventHandler<HTMLDivElement>?

abstract var onMouseEnter: MouseEventHandler<HTMLDivElement>?

abstract var onMouseLeave: MouseEventHandler<HTMLDivElement>?

abstract var onMouseMove: MouseEventHandler<HTMLDivElement>?

onMouseMoveCapture

abstract var onMouseMoveCapture: MouseEventHandler<HTMLDivElement>?

abstract var onMouseOut: MouseEventHandler<HTMLDivElement>?

onMouseOutCapture

abstract var onMouseOutCapture: MouseEventHandler<HTMLDivElement>?

abstract var onMouseOver: MouseEventHandler<HTMLDivElement>?

onMouseOverCapture

abstract var onMouseOverCapture: MouseEventHandler<HTMLDivElement>?

abstract var onMouseUp: MouseEventHandler<HTMLDivElement>?

onMouseUpCapture

abstract var onMouseUpCapture: MouseEventHandler<HTMLDivElement>?

abstract var onPaste: ClipboardEventHandler<HTMLDivElement>?

abstract var onPasteCapture: ClipboardEventHandler<HTMLDivElement>?

abstract var onPause: ReactEventHandler<HTMLDivElement>?

abstract var onPauseCapture: ReactEventHandler<HTMLDivElement>?

abstract var onPlay: ReactEventHandler<HTMLDivElement>?

abstract var onPlayCapture: ReactEventHandler<HTMLDivElement>?

abstract var onPlaying: ReactEventHandler<HTMLDivElement>?

onPlayingCapture

abstract var onPlayingCapture: ReactEventHandler<HTMLDivElement>?

onPointerCancel

abstract var onPointerCancel: PointerEventHandler<HTMLDivElement>?

onPointerCancelCapture

abstract var onPointerCancelCapture: PointerEventHandler<HTMLDivElement>?

abstract var onPointerDown: PointerEventHandler<HTMLDivElement>?

onPointerDownCapture

abstract var onPointerDownCapture: PointerEventHandler<HTMLDivElement>?

abstract var onPointerEnter: PointerEventHandler<HTMLDivElement>?

abstract var onPointerLeave: PointerEventHandler<HTMLDivElement>?

abstract var onPointerMove: PointerEventHandler<HTMLDivElement>?

onPointerMoveCapture

abstract var onPointerMoveCapture: PointerEventHandler<HTMLDivElement>?

abstract var onPointerOut: PointerEventHandler<HTMLDivElement>?

onPointerOutCapture

abstract var onPointerOutCapture: PointerEventHandler<HTMLDivElement>?

abstract var onPointerOver: PointerEventHandler<HTMLDivElement>?

onPointerOverCapture

abstract var onPointerOverCapture: PointerEventHandler<HTMLDivElement>?

abstract var onPointerUp: PointerEventHandler<HTMLDivElement>?

onPointerUpCapture

abstract var onPointerUpCapture: PointerEventHandler<HTMLDivElement>?

abstract var onProgress: ReactEventHandler<HTMLDivElement>?

onProgressCapture

abstract var onProgressCapture: ReactEventHandler<HTMLDivElement>?

abstract var onRateChange: ReactEventHandler<HTMLDivElement>?

onRateChangeCapture

abstract var onRateChangeCapture: ReactEventHandler<HTMLDivElement>?

abstract var onReset: FormEventHandler<HTMLDivElement>?

abstract var onResetCapture: FormEventHandler<HTMLDivElement>?

abstract var onResize: ReactEventHandler<HTMLDivElement>?

onResizeCapture

abstract var onResizeCapture: ReactEventHandler<HTMLDivElement>?

abstract var onScroll: UIEventHandler<HTMLDivElement>?

onScrollCapture

abstract var onScrollCapture: UIEventHandler<HTMLDivElement>?

abstract var onSeeked: ReactEventHandler<HTMLDivElement>?

onSeekedCapture

abstract var onSeekedCapture: ReactEventHandler<HTMLDivElement>?

abstract var onSeeking: ReactEventHandler<HTMLDivElement>?

onSeekingCapture

abstract var onSeekingCapture: ReactEventHandler<HTMLDivElement>?

abstract var onSelect: ReactEventHandler<HTMLDivElement>?

onSelectCapture

abstract var onSelectCapture: ReactEventHandler<HTMLDivElement>?

abstract var onStalled: ReactEventHandler<HTMLDivElement>?

onStalledCapture

abstract var onStalledCapture: ReactEventHandler<HTMLDivElement>?

abstract var onSubmit: FormEventHandler<HTMLDivElement>?

onSubmitCapture

abstract var onSubmitCapture: FormEventHandler<HTMLDivElement>?

abstract var onSuspend: ReactEventHandler<HTMLDivElement>?

onSuspendCapture

abstract var onSuspendCapture: ReactEventHandler<HTMLDivElement>?

abstract var onTimeUpdate: ReactEventHandler<HTMLDivElement>?

onTimeUpdateCapture

abstract var onTimeUpdateCapture: ReactEventHandler<HTMLDivElement>?

abstract var onTouchCancel: TouchEventHandler<HTMLDivElement>?

onTouchCancelCapture

abstract var onTouchCancelCapture: TouchEventHandler<HTMLDivElement>?

abstract var onTouchEnd: TouchEventHandler<HTMLDivElement>?

onTouchEndCapture

abstract var onTouchEndCapture: TouchEventHandler<HTMLDivElement>?

abstract var onTouchMove: TouchEventHandler<HTMLDivElement>?

onTouchMoveCapture

abstract var onTouchMoveCapture: TouchEventHandler<HTMLDivElement>?

abstract var onTouchStart: TouchEventHandler<HTMLDivElement>?

onTouchStartCapture

abstract var onTouchStartCapture: TouchEventHandler<HTMLDivElement>?

onTransitionEnd

abstract var onTransitionEnd: TransitionEventHandler<HTMLDivElement>?

onTransitionEndCapture

abstract var onTransitionEndCapture: TransitionEventHandler<HTMLDivElement>?

abstract var onVolumeChange: ReactEventHandler<HTMLDivElement>?

onVolumeChangeCapture

abstract var onVolumeChangeCapture: ReactEventHandler<HTMLDivElement>?

abstract var onWaiting: ReactEventHandler<HTMLDivElement>?

onWaitingCapture

abstract var onWaitingCapture: ReactEventHandler<HTMLDivElement>?

abstract var onWheel: WheelEventHandler<HTMLDivElement>?

abstract var onWheelCapture: WheelEventHandler<HTMLDivElement>?

abstract var prefix: String?

abstract var property: String?

abstract var radioGroup: String?

abstract var ref: Ref<HTMLDivElement>?

abstract var rel: String?

abstract var resource: String?

abstract var results: String?

abstract var rev: String?

abstract var role: AriaRole?

abstract var security: String?

abstract var size: BaseSize?

The size of the component.

skipFocusWhenDisabled

abstract var skipFocusWhenDisabled: Boolean?

If true, allows the disabled chip to escape focus. If false, allows the disabled chip to receive focus.

abstract var slot: String?

abstract var spellCheck: Boolean?

abstract override var style: CSSProperties?

suppressContentEditableWarning

abstract var suppressContentEditableWarning: Boolean?

suppressHydrationWarning

abstract var suppressHydrationWarning: Boolean?

abstract override var sx: SxProps<Theme>?

The system prop that allows defining system overrides as well as additional CSS styles.

abstract override var tabIndex: Int?

abstract var title: String?

abstract var translate: Translate?

abstract var typeof: String?

abstract var unselectable: Unselectable?

abstract var variant: ChipVariant?

The variant to use.

abstract var vocab: String?

Functions

open inline fun <P : Props> child(type: ElementType<P>, props: P)

open inline operator fun <P : Props> ElementType<P>.invoke()

open inline operator fun <T> ContextType<T>.invoke(noinline block: ProviderProps<T>.() -> Unit)

open inline operator fun <P : Props> ElementType<P>.invoke(noinline block: P.() -> Unit)

open inline operator fun <T> ContextType<T>.invoke(value: T, noinline block: ChildrenBuilder.() -> Unit)

open inline operator fun <T> Provider<T>.invoke(value: T, noinline block: ChildrenBuilder.() -> Unit)

open inline operator fun Char.unaryPlus()

open inline operator fun String?.unaryPlus()

open inline operator fun ReactNode?.unaryPlus()

open inline operator fun Props?.unaryPlus()