about
Type
NonNullable<HTMLMotionProps<Y>["about"]>Motion
Motion is a convenient component that extends the Yamada UI style system to framer-motion.
Props
MotionProps
accessKey
Type
NonNullable<HTMLMotionProps<Y>["accessKey"]>aria-activedescendant
Type
NonNullable<HTMLMotionProps<Y>["aria-activedescendant"]>aria-atomic
Type
NonNullable<HTMLMotionProps<Y>["aria-atomic"]>aria-autocomplete
Type
NonNullable<HTMLMotionProps<Y>["aria-autocomplete"]>aria-braillelabel
Type
NonNullable<HTMLMotionProps<Y>["aria-braillelabel"]>aria-brailleroledescription
Type
NonNullable<HTMLMotionProps<Y>["aria-brailleroledescription"]>aria-busy
Type
NonNullable<HTMLMotionProps<Y>["aria-busy"]>aria-checked
Type
NonNullable<HTMLMotionProps<Y>["aria-checked"]>aria-colcount
Type
NonNullable<HTMLMotionProps<Y>["aria-colcount"]>aria-colindex
Type
NonNullable<HTMLMotionProps<Y>["aria-colindex"]>aria-colindextext
Type
NonNullable<HTMLMotionProps<Y>["aria-colindextext"]>aria-colspan
Type
NonNullable<HTMLMotionProps<Y>["aria-colspan"]>aria-controls
Type
NonNullable<HTMLMotionProps<Y>["aria-controls"]>aria-current
Type
NonNullable<HTMLMotionProps<Y>["aria-current"]>aria-describedby
Type
NonNullable<HTMLMotionProps<Y>["aria-describedby"]>aria-description
Type
NonNullable<HTMLMotionProps<Y>["aria-description"]>aria-details
Type
NonNullable<HTMLMotionProps<Y>["aria-details"]>aria-disabled
Type
NonNullable<HTMLMotionProps<Y>["aria-disabled"]>aria-dropeffect
Type
NonNullable<HTMLMotionProps<Y>["aria-dropeffect"]>aria-errormessage
Type
NonNullable<HTMLMotionProps<Y>["aria-errormessage"]>aria-expanded
Type
NonNullable<HTMLMotionProps<Y>["aria-expanded"]>aria-flowto
Type
NonNullable<HTMLMotionProps<Y>["aria-flowto"]>aria-grabbed
Type
NonNullable<HTMLMotionProps<Y>["aria-grabbed"]>aria-haspopup
Type
NonNullable<HTMLMotionProps<Y>["aria-haspopup"]>aria-invalid
Type
NonNullable<HTMLMotionProps<Y>["aria-invalid"]>aria-keyshortcuts
Type
NonNullable<HTMLMotionProps<Y>["aria-keyshortcuts"]>aria-label
Type
NonNullable<HTMLMotionProps<Y>["aria-label"]>aria-labelledby
Type
NonNullable<HTMLMotionProps<Y>["aria-labelledby"]>aria-level
Type
NonNullable<HTMLMotionProps<Y>["aria-level"]>aria-live
Type
NonNullable<HTMLMotionProps<Y>["aria-live"]>aria-modal
Type
NonNullable<HTMLMotionProps<Y>["aria-modal"]>aria-multiline
Type
NonNullable<HTMLMotionProps<Y>["aria-multiline"]>aria-multiselectable
Type
NonNullable<HTMLMotionProps<Y>["aria-multiselectable"]>aria-orientation
Type
NonNullable<HTMLMotionProps<Y>["aria-orientation"]>aria-owns
Type
NonNullable<HTMLMotionProps<Y>["aria-owns"]>aria-placeholder
Type
NonNullable<HTMLMotionProps<Y>["aria-placeholder"]>aria-posinset
Type
NonNullable<HTMLMotionProps<Y>["aria-posinset"]>aria-pressed
Type
NonNullable<HTMLMotionProps<Y>["aria-pressed"]>aria-readonly
Type
NonNullable<HTMLMotionProps<Y>["aria-readonly"]>aria-relevant
Type
NonNullable<HTMLMotionProps<Y>["aria-relevant"]>aria-required
Type
NonNullable<HTMLMotionProps<Y>["aria-required"]>aria-roledescription
Type
NonNullable<HTMLMotionProps<Y>["aria-roledescription"]>aria-rowcount
Type
NonNullable<HTMLMotionProps<Y>["aria-rowcount"]>aria-rowindex
Type
NonNullable<HTMLMotionProps<Y>["aria-rowindex"]>aria-rowindextext
Type
NonNullable<HTMLMotionProps<Y>["aria-rowindextext"]>aria-rowspan
Type
NonNullable<HTMLMotionProps<Y>["aria-rowspan"]>aria-selected
Type
NonNullable<HTMLMotionProps<Y>["aria-selected"]>aria-setsize
Type
NonNullable<HTMLMotionProps<Y>["aria-setsize"]>aria-sort
Type
NonNullable<HTMLMotionProps<Y>["aria-sort"]>aria-valuemax
Type
NonNullable<HTMLMotionProps<Y>["aria-valuemax"]>aria-valuemin
Type
NonNullable<HTMLMotionProps<Y>["aria-valuemin"]>aria-valuenow
Type
NonNullable<HTMLMotionProps<Y>["aria-valuenow"]>aria-valuetext
Type
NonNullable<HTMLMotionProps<Y>["aria-valuetext"]>as
Type
"symbol" | "object" | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "big" | "blockquote" | "body" | "br" | "button" | "canvas" | ... 149 more ... | "view"autoCapitalize
Type
NonNullable<HTMLMotionProps<Y>["autoCapitalize"]>autoCorrect
Type
NonNullable<HTMLMotionProps<Y>["autoCorrect"]>autoFocus
Type
NonNullable<HTMLMotionProps<Y>["autoFocus"]>autoSave
Type
NonNullable<HTMLMotionProps<Y>["autoSave"]>className
Type
NonNullable<HTMLMotionProps<Y>["className"]>content
Type
NonNullable<HTMLMotionProps<Y>["content"]>contentEditable
Type
NonNullable<HTMLMotionProps<Y>["contentEditable"]>contextMenu
Type
NonNullable<HTMLMotionProps<Y>["contextMenu"]>dangerouslySetInnerHTML
Type
NonNullable<HTMLMotionProps<Y>["dangerouslySetInnerHTML"]>datatype
Type
NonNullable<HTMLMotionProps<Y>["datatype"]>defaultChecked
Type
NonNullable<HTMLMotionProps<Y>["defaultChecked"]>defaultValue
Type
NonNullable<HTMLMotionProps<Y>["defaultValue"]>dir
Type
NonNullable<HTMLMotionProps<Y>["dir"]>draggable
Type
NonNullable<HTMLMotionProps<Y>["draggable"]>id
Type
NonNullable<HTMLMotionProps<Y>["id"]>inlist
Type
NonNullable<HTMLMotionProps<Y>["inlist"]>inputMode
Type
NonNullable<HTMLMotionProps<Y>["inputMode"]>is
Type
NonNullable<HTMLMotionProps<Y>["is"]>itemID
Type
NonNullable<HTMLMotionProps<Y>["itemID"]>itemProp
Type
NonNullable<HTMLMotionProps<Y>["itemProp"]>itemRef
Type
NonNullable<HTMLMotionProps<Y>["itemRef"]>itemScope
Type
NonNullable<HTMLMotionProps<Y>["itemScope"]>itemType
Type
NonNullable<HTMLMotionProps<Y>["itemType"]>lang
Type
NonNullable<HTMLMotionProps<Y>["lang"]>nonce
Type
NonNullable<HTMLMotionProps<Y>["nonce"]>onAbort
Type
NonNullable<HTMLMotionProps<Y>["onAbort"]>onAbortCapture
Type
NonNullable<HTMLMotionProps<Y>["onAbortCapture"]>onAnimationEnd
Type
NonNullable<HTMLMotionProps<Y>["onAnimationEnd"]>onAnimationEndCapture
Type
NonNullable<HTMLMotionProps<Y>["onAnimationEndCapture"]>onAnimationIteration
Type
NonNullable<HTMLMotionProps<Y>["onAnimationIteration"]>onAnimationIterationCapture
Type
NonNullable<HTMLMotionProps<Y>["onAnimationIterationCapture"]>onAnimationStartCapture
Type
NonNullable<HTMLMotionProps<Y>["onAnimationStartCapture"]>onAuxClick
Type
NonNullable<HTMLMotionProps<Y>["onAuxClick"]>onAuxClickCapture
Type
NonNullable<HTMLMotionProps<Y>["onAuxClickCapture"]>onBeforeInput
Type
NonNullable<HTMLMotionProps<Y>["onBeforeInput"]>onBeforeInputCapture
Type
NonNullable<HTMLMotionProps<Y>["onBeforeInputCapture"]>onBlur
Type
NonNullable<HTMLMotionProps<Y>["onBlur"]>onBlurCapture
Type
NonNullable<HTMLMotionProps<Y>["onBlurCapture"]>onCanPlay
Type
NonNullable<HTMLMotionProps<Y>["onCanPlay"]>onCanPlayCapture
Type
NonNullable<HTMLMotionProps<Y>["onCanPlayCapture"]>onCanPlayThrough
Type
NonNullable<HTMLMotionProps<Y>["onCanPlayThrough"]>onCanPlayThroughCapture
Type
NonNullable<HTMLMotionProps<Y>["onCanPlayThroughCapture"]>onChange
Type
NonNullable<HTMLMotionProps<Y>["onChange"]>onChangeCapture
Type
NonNullable<HTMLMotionProps<Y>["onChangeCapture"]>onClick
Type
NonNullable<HTMLMotionProps<Y>["onClick"]>onClickCapture
Type
NonNullable<HTMLMotionProps<Y>["onClickCapture"]>onCompositionEnd
Type
NonNullable<HTMLMotionProps<Y>["onCompositionEnd"]>onCompositionEndCapture
Type
NonNullable<HTMLMotionProps<Y>["onCompositionEndCapture"]>onCompositionStart
Type
NonNullable<HTMLMotionProps<Y>["onCompositionStart"]>onCompositionStartCapture
Type
NonNullable<HTMLMotionProps<Y>["onCompositionStartCapture"]>onCompositionUpdate
Type
NonNullable<HTMLMotionProps<Y>["onCompositionUpdate"]>onCompositionUpdateCapture
Type
NonNullable<HTMLMotionProps<Y>["onCompositionUpdateCapture"]>onContextMenu
Type
NonNullable<HTMLMotionProps<Y>["onContextMenu"]>onContextMenuCapture
Type
NonNullable<HTMLMotionProps<Y>["onContextMenuCapture"]>onCopy
Type
NonNullable<HTMLMotionProps<Y>["onCopy"]>onCopyCapture
Type
NonNullable<HTMLMotionProps<Y>["onCopyCapture"]>onCut
Type
NonNullable<HTMLMotionProps<Y>["onCut"]>onCutCapture
Type
NonNullable<HTMLMotionProps<Y>["onCutCapture"]>onDoubleClick
Type
NonNullable<HTMLMotionProps<Y>["onDoubleClick"]>onDoubleClickCapture
Type
NonNullable<HTMLMotionProps<Y>["onDoubleClickCapture"]>onDragCapture
Type
NonNullable<HTMLMotionProps<Y>["onDragCapture"]>onDragEndCapture
Type
NonNullable<HTMLMotionProps<Y>["onDragEndCapture"]>onDragEnter
Type
NonNullable<HTMLMotionProps<Y>["onDragEnter"]>onDragEnterCapture
Type
NonNullable<HTMLMotionProps<Y>["onDragEnterCapture"]>onDragExit
Type
NonNullable<HTMLMotionProps<Y>["onDragExit"]>onDragExitCapture
Type
NonNullable<HTMLMotionProps<Y>["onDragExitCapture"]>onDragLeave
Type
NonNullable<HTMLMotionProps<Y>["onDragLeave"]>onDragLeaveCapture
Type
NonNullable<HTMLMotionProps<Y>["onDragLeaveCapture"]>onDragOver
Type
NonNullable<HTMLMotionProps<Y>["onDragOver"]>onDragOverCapture
Type
NonNullable<HTMLMotionProps<Y>["onDragOverCapture"]>onDragStartCapture
Type
NonNullable<HTMLMotionProps<Y>["onDragStartCapture"]>onDrop
Type
NonNullable<HTMLMotionProps<Y>["onDrop"]>onDropCapture
Type
NonNullable<HTMLMotionProps<Y>["onDropCapture"]>onDurationChange
Type
NonNullable<HTMLMotionProps<Y>["onDurationChange"]>onDurationChangeCapture
Type
NonNullable<HTMLMotionProps<Y>["onDurationChangeCapture"]>onEmptied
Type
NonNullable<HTMLMotionProps<Y>["onEmptied"]>onEmptiedCapture
Type
NonNullable<HTMLMotionProps<Y>["onEmptiedCapture"]>onEncrypted
Type
NonNullable<HTMLMotionProps<Y>["onEncrypted"]>onEncryptedCapture
Type
NonNullable<HTMLMotionProps<Y>["onEncryptedCapture"]>onEnded
Type
NonNullable<HTMLMotionProps<Y>["onEnded"]>onEndedCapture
Type
NonNullable<HTMLMotionProps<Y>["onEndedCapture"]>onError
Type
NonNullable<HTMLMotionProps<Y>["onError"]>onErrorCapture
Type
NonNullable<HTMLMotionProps<Y>["onErrorCapture"]>onFocus
Type
NonNullable<HTMLMotionProps<Y>["onFocus"]>onFocusCapture
Type
NonNullable<HTMLMotionProps<Y>["onFocusCapture"]>onGotPointerCapture
Type
NonNullable<HTMLMotionProps<Y>["onGotPointerCapture"]>onGotPointerCaptureCapture
Type
NonNullable<HTMLMotionProps<Y>["onGotPointerCaptureCapture"]>onInput
Type
NonNullable<HTMLMotionProps<Y>["onInput"]>onInputCapture
Type
NonNullable<HTMLMotionProps<Y>["onInputCapture"]>onInvalid
Type
NonNullable<HTMLMotionProps<Y>["onInvalid"]>onInvalidCapture
Type
NonNullable<HTMLMotionProps<Y>["onInvalidCapture"]>onKeyDown
Type
NonNullable<HTMLMotionProps<Y>["onKeyDown"]>onKeyDownCapture
Type
NonNullable<HTMLMotionProps<Y>["onKeyDownCapture"]>onKeyPress
Type
NonNullable<HTMLMotionProps<Y>["onKeyPress"]>onKeyPressCapture
Type
NonNullable<HTMLMotionProps<Y>["onKeyPressCapture"]>onKeyUp
Type
NonNullable<HTMLMotionProps<Y>["onKeyUp"]>onKeyUpCapture
Type
NonNullable<HTMLMotionProps<Y>["onKeyUpCapture"]>onLoad
Type
NonNullable<HTMLMotionProps<Y>["onLoad"]>onLoadCapture
Type
NonNullable<HTMLMotionProps<Y>["onLoadCapture"]>onLoadedData
Type
NonNullable<HTMLMotionProps<Y>["onLoadedData"]>onLoadedDataCapture
Type
NonNullable<HTMLMotionProps<Y>["onLoadedDataCapture"]>onLoadedMetadata
Type
NonNullable<HTMLMotionProps<Y>["onLoadedMetadata"]>onLoadedMetadataCapture
Type
NonNullable<HTMLMotionProps<Y>["onLoadedMetadataCapture"]>onLoadStart
Type
NonNullable<HTMLMotionProps<Y>["onLoadStart"]>onLoadStartCapture
Type
NonNullable<HTMLMotionProps<Y>["onLoadStartCapture"]>onLostPointerCapture
Type
NonNullable<HTMLMotionProps<Y>["onLostPointerCapture"]>onLostPointerCaptureCapture
Type
NonNullable<HTMLMotionProps<Y>["onLostPointerCaptureCapture"]>onMouseDown
Type
NonNullable<HTMLMotionProps<Y>["onMouseDown"]>onMouseDownCapture
Type
NonNullable<HTMLMotionProps<Y>["onMouseDownCapture"]>onMouseEnter
Type
NonNullable<HTMLMotionProps<Y>["onMouseEnter"]>onMouseLeave
Type
NonNullable<HTMLMotionProps<Y>["onMouseLeave"]>onMouseMove
Type
NonNullable<HTMLMotionProps<Y>["onMouseMove"]>onMouseMoveCapture
Type
NonNullable<HTMLMotionProps<Y>["onMouseMoveCapture"]>onMouseOut
Type
NonNullable<HTMLMotionProps<Y>["onMouseOut"]>onMouseOutCapture
Type
NonNullable<HTMLMotionProps<Y>["onMouseOutCapture"]>onMouseOver
Type
NonNullable<HTMLMotionProps<Y>["onMouseOver"]>onMouseOverCapture
Type
NonNullable<HTMLMotionProps<Y>["onMouseOverCapture"]>onMouseUp
Type
NonNullable<HTMLMotionProps<Y>["onMouseUp"]>onMouseUpCapture
Type
NonNullable<HTMLMotionProps<Y>["onMouseUpCapture"]>onPaste
Type
NonNullable<HTMLMotionProps<Y>["onPaste"]>onPasteCapture
Type
NonNullable<HTMLMotionProps<Y>["onPasteCapture"]>onPause
Type
NonNullable<HTMLMotionProps<Y>["onPause"]>onPauseCapture
Type
NonNullable<HTMLMotionProps<Y>["onPauseCapture"]>onPlay
Type
NonNullable<HTMLMotionProps<Y>["onPlay"]>onPlayCapture
Type
NonNullable<HTMLMotionProps<Y>["onPlayCapture"]>onPlaying
Type
NonNullable<HTMLMotionProps<Y>["onPlaying"]>onPlayingCapture
Type
NonNullable<HTMLMotionProps<Y>["onPlayingCapture"]>onPointerCancel
Type
NonNullable<HTMLMotionProps<Y>["onPointerCancel"]>onPointerCancelCapture
Type
NonNullable<HTMLMotionProps<Y>["onPointerCancelCapture"]>onPointerDown
Type
NonNullable<HTMLMotionProps<Y>["onPointerDown"]>onPointerDownCapture
Type
NonNullable<HTMLMotionProps<Y>["onPointerDownCapture"]>onPointerEnter
Type
NonNullable<HTMLMotionProps<Y>["onPointerEnter"]>onPointerLeave
Type
NonNullable<HTMLMotionProps<Y>["onPointerLeave"]>onPointerMove
Type
NonNullable<HTMLMotionProps<Y>["onPointerMove"]>onPointerMoveCapture
Type
NonNullable<HTMLMotionProps<Y>["onPointerMoveCapture"]>onPointerOut
Type
NonNullable<HTMLMotionProps<Y>["onPointerOut"]>onPointerOutCapture
Type
NonNullable<HTMLMotionProps<Y>["onPointerOutCapture"]>onPointerOver
Type
NonNullable<HTMLMotionProps<Y>["onPointerOver"]>onPointerOverCapture
Type
NonNullable<HTMLMotionProps<Y>["onPointerOverCapture"]>onPointerUp
Type
NonNullable<HTMLMotionProps<Y>["onPointerUp"]>onPointerUpCapture
Type
NonNullable<HTMLMotionProps<Y>["onPointerUpCapture"]>onProgress
Type
NonNullable<HTMLMotionProps<Y>["onProgress"]>onProgressCapture
Type
NonNullable<HTMLMotionProps<Y>["onProgressCapture"]>onRateChange
Type
NonNullable<HTMLMotionProps<Y>["onRateChange"]>onRateChangeCapture
Type
NonNullable<HTMLMotionProps<Y>["onRateChangeCapture"]>onReset
Type
NonNullable<HTMLMotionProps<Y>["onReset"]>onResetCapture
Type
NonNullable<HTMLMotionProps<Y>["onResetCapture"]>onResize
Type
NonNullable<HTMLMotionProps<Y>["onResize"]>onResizeCapture
Type
NonNullable<HTMLMotionProps<Y>["onResizeCapture"]>onScroll
Type
NonNullable<HTMLMotionProps<Y>["onScroll"]>onScrollCapture
Type
NonNullable<HTMLMotionProps<Y>["onScrollCapture"]>onSeeked
Type
NonNullable<HTMLMotionProps<Y>["onSeeked"]>onSeekedCapture
Type
NonNullable<HTMLMotionProps<Y>["onSeekedCapture"]>onSeeking
Type
NonNullable<HTMLMotionProps<Y>["onSeeking"]>onSeekingCapture
Type
NonNullable<HTMLMotionProps<Y>["onSeekingCapture"]>onSelect
Type
NonNullable<HTMLMotionProps<Y>["onSelect"]>onSelectCapture
Type
NonNullable<HTMLMotionProps<Y>["onSelectCapture"]>onStalled
Type
NonNullable<HTMLMotionProps<Y>["onStalled"]>onStalledCapture
Type
NonNullable<HTMLMotionProps<Y>["onStalledCapture"]>onSubmit
Type
NonNullable<HTMLMotionProps<Y>["onSubmit"]>onSubmitCapture
Type
NonNullable<HTMLMotionProps<Y>["onSubmitCapture"]>onSuspend
Type
NonNullable<HTMLMotionProps<Y>["onSuspend"]>onSuspendCapture
Type
NonNullable<HTMLMotionProps<Y>["onSuspendCapture"]>onTimeUpdate
Type
NonNullable<HTMLMotionProps<Y>["onTimeUpdate"]>onTimeUpdateCapture
Type
NonNullable<HTMLMotionProps<Y>["onTimeUpdateCapture"]>onTouchCancel
Type
NonNullable<HTMLMotionProps<Y>["onTouchCancel"]>onTouchCancelCapture
Type
NonNullable<HTMLMotionProps<Y>["onTouchCancelCapture"]>onTouchEnd
Type
NonNullable<HTMLMotionProps<Y>["onTouchEnd"]>onTouchEndCapture
Type
NonNullable<HTMLMotionProps<Y>["onTouchEndCapture"]>onTouchMove
Type
NonNullable<HTMLMotionProps<Y>["onTouchMove"]>onTouchMoveCapture
Type
NonNullable<HTMLMotionProps<Y>["onTouchMoveCapture"]>onTouchStart
Type
NonNullable<HTMLMotionProps<Y>["onTouchStart"]>onTouchStartCapture
Type
NonNullable<HTMLMotionProps<Y>["onTouchStartCapture"]>onTransitionEnd
Type
NonNullable<HTMLMotionProps<Y>["onTransitionEnd"]>onTransitionEndCapture
Type
NonNullable<HTMLMotionProps<Y>["onTransitionEndCapture"]>onVolumeChange
Type
NonNullable<HTMLMotionProps<Y>["onVolumeChange"]>onVolumeChangeCapture
Type
NonNullable<HTMLMotionProps<Y>["onVolumeChangeCapture"]>onWaiting
Type
NonNullable<HTMLMotionProps<Y>["onWaiting"]>onWaitingCapture
Type
NonNullable<HTMLMotionProps<Y>["onWaitingCapture"]>onWheel
Type
NonNullable<HTMLMotionProps<Y>["onWheel"]>onWheelCapture
Type
NonNullable<HTMLMotionProps<Y>["onWheelCapture"]>prefix
Type
NonNullable<HTMLMotionProps<Y>["prefix"]>property
Type
NonNullable<HTMLMotionProps<Y>["property"]>radioGroup
Type
NonNullable<HTMLMotionProps<Y>["radioGroup"]>rel
Type
NonNullable<HTMLMotionProps<Y>["rel"]>resource
Type
NonNullable<HTMLMotionProps<Y>["resource"]>results
Type
NonNullable<HTMLMotionProps<Y>["results"]>rev
Type
NonNullable<HTMLMotionProps<Y>["rev"]>role
Type
NonNullable<HTMLMotionProps<Y>["role"]>security
Type
NonNullable<HTMLMotionProps<Y>["security"]>slot
Type
NonNullable<HTMLMotionProps<Y>["slot"]>spellCheck
Type
NonNullable<HTMLMotionProps<Y>["spellCheck"]>suppressContentEditableWarning
Type
NonNullable<HTMLMotionProps<Y>["suppressContentEditableWarning"]>suppressHydrationWarning
Type
NonNullable<HTMLMotionProps<Y>["suppressHydrationWarning"]>tabIndex
Type
NonNullable<HTMLMotionProps<Y>["tabIndex"]>title
Type
NonNullable<HTMLMotionProps<Y>["title"]>translate
Type
NonNullable<HTMLMotionProps<Y>["translate"]>typeof
Type
NonNullable<HTMLMotionProps<Y>["typeof"]>unselectable
Type
NonNullable<HTMLMotionProps<Y>["unselectable"]>vocab
Type
NonNullable<HTMLMotionProps<Y>["vocab"]>Edit this page on GitHub