#Variable: Card

const Card: (__namedParameters) => Element & object

#Type Declaration

#Action()

Action: (__namedParameters) => Element = CardAction

Renders an inline action area inside the card header or footer.

#Parameters

#__namedParameters

CardSectionProps

#Returns

Element

#Example

<Card.Action>Featured</Card.Action>

#Content()

Content: (__namedParameters) => Element = CardContent

Wraps the main content area of the card.

#Parameters

#__namedParameters

CardSectionProps

#Returns

Element

#Example

<Card.Content>Card body content</Card.Content>

#Description()

Description: (__namedParameters) => Element = CardDescription

Renders supporting copy inside the card body.

#Parameters

#__namedParameters

CardDescriptionProps

#Returns

Element

#Example

<Card.Description>Supporting details for the card.</Card.Description>

#Footer()

Footer: (__namedParameters) => Element = CardFooter

Renders the footer area for metadata and actions.

#Parameters

#__namedParameters

CardSectionProps

#Returns

Element

#Example

<Card.Footer>Footer content</Card.Footer>

#Header()

Header: (__namedParameters) => Element = CardHeader

Wraps the heading area of the card.

#Parameters

#__namedParameters

CardSectionProps

#Returns

Element

#Example

<Card.Header>Header content</Card.Header>

#Title()

Title: (__namedParameters) => DetailedReactHTMLElement<{ about?: string; accessKey?: string; aria-activedescendant?: string; aria-atomic?: Booleanish; aria-autocomplete?: "none" | "inline" | "list" | "both"; aria-braillelabel?: string; aria-brailleroledescription?: string; aria-busy?: Booleanish; aria-checked?: boolean | "true" | "false" | "mixed"; aria-colcount?: number; aria-colindex?: number; aria-colindextext?: string; aria-colspan?: number; aria-controls?: string; aria-current?: boolean | "page" | "step" | "location" | "date" | "time" | "true" | "false"; aria-describedby?: string; aria-description?: string; aria-details?: string; aria-disabled?: Booleanish; aria-dropeffect?: "none" | "link" | "copy" | "execute" | "move" | "popup"; aria-errormessage?: string; aria-expanded?: Booleanish; aria-flowto?: string; aria-grabbed?: Booleanish; aria-haspopup?: boolean | "grid" | "true" | "false" | "dialog" | "listbox" | "menu" | "tree"; aria-hidden?: Booleanish; aria-invalid?: boolean | "true" | "false" | "grammar" | "spelling"; aria-keyshortcuts?: string; aria-label?: string; aria-labelledby?: string; aria-level?: number; aria-live?: "off" | "assertive" | "polite"; aria-modal?: Booleanish; aria-multiline?: Booleanish; aria-multiselectable?: Booleanish; aria-orientation?: "horizontal" | "vertical"; aria-owns?: string; aria-placeholder?: string; aria-posinset?: number; aria-pressed?: boolean | "true" | "false" | "mixed"; aria-readonly?: Booleanish; aria-relevant?: "all" | "text" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals"; aria-required?: Booleanish; aria-roledescription?: string; aria-rowcount?: number; aria-rowindex?: number; aria-rowindextext?: string; aria-rowspan?: number; aria-selected?: Booleanish; aria-setsize?: number; aria-sort?: "ascending" | "descending" | "none" | "other"; aria-valuemax?: number; aria-valuemin?: number; aria-valuenow?: number; aria-valuetext?: string; autoCapitalize?: "none" | string & object | "off" | "on" | "sentences" | "words" | "characters"; autoCorrect?: string; autoFocus?: boolean; autoSave?: string; className: string; color?: string; content?: string; contentEditable?: "inherit" | Booleanish | "plaintext-only"; contextMenu?: string; dangerouslySetInnerHTML?: { __html: string | TrustedHTML; }; datatype?: string; defaultChecked?: boolean; defaultValue?: string | number | readonly string[]; dir?: string; draggable?: Booleanish; enterKeyHint?: "search" | "enter" | "done" | "go" | "next" | "previous" | "send"; exportparts?: string; hidden?: boolean; id?: string; inert?: boolean; inlist?: any; inputMode?: "none" | "search" | "text" | "tel" | "url" | "email" | "numeric" | "decimal"; is?: string; itemID?: string; itemProp?: string; itemRef?: string; itemScope?: boolean; itemType?: string; lang?: string; nonce?: string; onAbort?: ReactEventHandler<HTMLHeadingElement>; onAbortCapture?: ReactEventHandler<HTMLHeadingElement>; onAnimationEnd?: AnimationEventHandler<HTMLHeadingElement>; onAnimationEndCapture?: AnimationEventHandler<HTMLHeadingElement>; onAnimationIteration?: AnimationEventHandler<HTMLHeadingElement>; onAnimationIterationCapture?: AnimationEventHandler<HTMLHeadingElement>; onAnimationStart?: AnimationEventHandler<HTMLHeadingElement>; onAnimationStartCapture?: AnimationEventHandler<HTMLHeadingElement>; onAuxClick?: MouseEventHandler<HTMLHeadingElement>; onAuxClickCapture?: MouseEventHandler<HTMLHeadingElement>; onBeforeInput?: InputEventHandler<HTMLHeadingElement>; onBeforeInputCapture?: InputEventHandler<HTMLHeadingElement>; onBeforeToggle?: ToggleEventHandler<HTMLHeadingElement>; onBlur?: FocusEventHandler<HTMLHeadingElement>; onBlurCapture?: FocusEventHandler<HTMLHeadingElement>; onCanPlay?: ReactEventHandler<HTMLHeadingElement>; onCanPlayCapture?: ReactEventHandler<HTMLHeadingElement>; onCanPlayThrough?: ReactEventHandler<HTMLHeadingElement>; onCanPlayThroughCapture?: ReactEventHandler<HTMLHeadingElement>; onChange?: ChangeEventHandler<HTMLHeadingElement, Element>; onChangeCapture?: ChangeEventHandler<HTMLHeadingElement, Element>; onClick?: MouseEventHandler<HTMLHeadingElement>; onClickCapture?: MouseEventHandler<HTMLHeadingElement>; onCompositionEnd?: CompositionEventHandler<HTMLHeadingElement>; onCompositionEndCapture?: CompositionEventHandler<HTMLHeadingElement>; onCompositionStart?: CompositionEventHandler<HTMLHeadingElement>; onCompositionStartCapture?: CompositionEventHandler<HTMLHeadingElement>; onCompositionUpdate?: CompositionEventHandler<HTMLHeadingElement>; onCompositionUpdateCapture?: CompositionEventHandler<HTMLHeadingElement>; onContextMenu?: MouseEventHandler<HTMLHeadingElement>; onContextMenuCapture?: MouseEventHandler<HTMLHeadingElement>; onCopy?: ClipboardEventHandler<HTMLHeadingElement>; onCopyCapture?: ClipboardEventHandler<HTMLHeadingElement>; onCut?: ClipboardEventHandler<HTMLHeadingElement>; onCutCapture?: ClipboardEventHandler<HTMLHeadingElement>; onDoubleClick?: MouseEventHandler<HTMLHeadingElement>; onDoubleClickCapture?: MouseEventHandler<HTMLHeadingElement>; onDrag?: DragEventHandler<HTMLHeadingElement>; onDragCapture?: DragEventHandler<HTMLHeadingElement>; onDragEnd?: DragEventHandler<HTMLHeadingElement>; onDragEndCapture?: DragEventHandler<HTMLHeadingElement>; onDragEnter?: DragEventHandler<HTMLHeadingElement>; onDragEnterCapture?: DragEventHandler<HTMLHeadingElement>; onDragExit?: DragEventHandler<HTMLHeadingElement>; onDragExitCapture?: DragEventHandler<HTMLHeadingElement>; onDragLeave?: DragEventHandler<HTMLHeadingElement>; onDragLeaveCapture?: DragEventHandler<HTMLHeadingElement>; onDragOver?: DragEventHandler<HTMLHeadingElement>; onDragOverCapture?: DragEventHandler<HTMLHeadingElement>; onDragStart?: DragEventHandler<HTMLHeadingElement>; onDragStartCapture?: DragEventHandler<HTMLHeadingElement>; onDrop?: DragEventHandler<HTMLHeadingElement>; onDropCapture?: DragEventHandler<HTMLHeadingElement>; onDurationChange?: ReactEventHandler<HTMLHeadingElement>; onDurationChangeCapture?: ReactEventHandler<HTMLHeadingElement>; onEmptied?: ReactEventHandler<HTMLHeadingElement>; onEmptiedCapture?: ReactEventHandler<HTMLHeadingElement>; onEncrypted?: ReactEventHandler<HTMLHeadingElement>; onEncryptedCapture?: ReactEventHandler<HTMLHeadingElement>; onEnded?: ReactEventHandler<HTMLHeadingElement>; onEndedCapture?: ReactEventHandler<HTMLHeadingElement>; onError?: ReactEventHandler<HTMLHeadingElement>; onErrorCapture?: ReactEventHandler<HTMLHeadingElement>; onFocus?: FocusEventHandler<HTMLHeadingElement>; onFocusCapture?: FocusEventHandler<HTMLHeadingElement>; onGotPointerCapture?: PointerEventHandler<HTMLHeadingElement>; onGotPointerCaptureCapture?: PointerEventHandler<HTMLHeadingElement>; onInput?: InputEventHandler<HTMLHeadingElement>; onInputCapture?: InputEventHandler<HTMLHeadingElement>; onInvalid?: ReactEventHandler<HTMLHeadingElement>; onInvalidCapture?: ReactEventHandler<HTMLHeadingElement>; onKeyDown?: KeyboardEventHandler<HTMLHeadingElement>; onKeyDownCapture?: KeyboardEventHandler<HTMLHeadingElement>; onKeyPress?: KeyboardEventHandler<HTMLHeadingElement>; onKeyPressCapture?: KeyboardEventHandler<HTMLHeadingElement>; onKeyUp?: KeyboardEventHandler<HTMLHeadingElement>; onKeyUpCapture?: KeyboardEventHandler<HTMLHeadingElement>; onLoad?: ReactEventHandler<HTMLHeadingElement>; onLoadCapture?: ReactEventHandler<HTMLHeadingElement>; onLoadedData?: ReactEventHandler<HTMLHeadingElement>; onLoadedDataCapture?: ReactEventHandler<HTMLHeadingElement>; onLoadedMetadata?: ReactEventHandler<HTMLHeadingElement>; onLoadedMetadataCapture?: ReactEventHandler<HTMLHeadingElement>; onLoadStart?: ReactEventHandler<HTMLHeadingElement>; onLoadStartCapture?: ReactEventHandler<HTMLHeadingElement>; onLostPointerCapture?: PointerEventHandler<HTMLHeadingElement>; onLostPointerCaptureCapture?: PointerEventHandler<HTMLHeadingElement>; onMouseDown?: MouseEventHandler<HTMLHeadingElement>; onMouseDownCapture?: MouseEventHandler<HTMLHeadingElement>; onMouseEnter?: MouseEventHandler<HTMLHeadingElement>; onMouseLeave?: MouseEventHandler<HTMLHeadingElement>; onMouseMove?: MouseEventHandler<HTMLHeadingElement>; onMouseMoveCapture?: MouseEventHandler<HTMLHeadingElement>; onMouseOut?: MouseEventHandler<HTMLHeadingElement>; onMouseOutCapture?: MouseEventHandler<HTMLHeadingElement>; onMouseOver?: MouseEventHandler<HTMLHeadingElement>; onMouseOverCapture?: MouseEventHandler<HTMLHeadingElement>; onMouseUp?: MouseEventHandler<HTMLHeadingElement>; onMouseUpCapture?: MouseEventHandler<HTMLHeadingElement>; onPaste?: ClipboardEventHandler<HTMLHeadingElement>; onPasteCapture?: ClipboardEventHandler<HTMLHeadingElement>; onPause?: ReactEventHandler<HTMLHeadingElement>; onPauseCapture?: ReactEventHandler<HTMLHeadingElement>; onPlay?: ReactEventHandler<HTMLHeadingElement>; onPlayCapture?: ReactEventHandler<HTMLHeadingElement>; onPlaying?: ReactEventHandler<HTMLHeadingElement>; onPlayingCapture?: ReactEventHandler<HTMLHeadingElement>; onPointerCancel?: PointerEventHandler<HTMLHeadingElement>; onPointerCancelCapture?: PointerEventHandler<HTMLHeadingElement>; onPointerDown?: PointerEventHandler<HTMLHeadingElement>; onPointerDownCapture?: PointerEventHandler<HTMLHeadingElement>; onPointerEnter?: PointerEventHandler<HTMLHeadingElement>; onPointerLeave?: PointerEventHandler<HTMLHeadingElement>; onPointerMove?: PointerEventHandler<HTMLHeadingElement>; onPointerMoveCapture?: PointerEventHandler<HTMLHeadingElement>; onPointerOut?: PointerEventHandler<HTMLHeadingElement>; onPointerOutCapture?: PointerEventHandler<HTMLHeadingElement>; onPointerOver?: PointerEventHandler<HTMLHeadingElement>; onPointerOverCapture?: PointerEventHandler<HTMLHeadingElement>; onPointerUp?: PointerEventHandler<HTMLHeadingElement>; onPointerUpCapture?: PointerEventHandler<HTMLHeadingElement>; onProgress?: ReactEventHandler<HTMLHeadingElement>; onProgressCapture?: ReactEventHandler<HTMLHeadingElement>; onRateChange?: ReactEventHandler<HTMLHeadingElement>; onRateChangeCapture?: ReactEventHandler<HTMLHeadingElement>; onReset?: ReactEventHandler<HTMLHeadingElement>; onResetCapture?: ReactEventHandler<HTMLHeadingElement>; onScroll?: UIEventHandler<HTMLHeadingElement>; onScrollCapture?: UIEventHandler<HTMLHeadingElement>; onScrollEnd?: UIEventHandler<HTMLHeadingElement>; onScrollEndCapture?: UIEventHandler<HTMLHeadingElement>; onSeeked?: ReactEventHandler<HTMLHeadingElement>; onSeekedCapture?: ReactEventHandler<HTMLHeadingElement>; onSeeking?: ReactEventHandler<HTMLHeadingElement>; onSeekingCapture?: ReactEventHandler<HTMLHeadingElement>; onSelect?: ReactEventHandler<HTMLHeadingElement>; onSelectCapture?: ReactEventHandler<HTMLHeadingElement>; onStalled?: ReactEventHandler<HTMLHeadingElement>; onStalledCapture?: ReactEventHandler<HTMLHeadingElement>; onSubmit?: SubmitEventHandler<HTMLHeadingElement>; onSubmitCapture?: SubmitEventHandler<HTMLHeadingElement>; onSuspend?: ReactEventHandler<HTMLHeadingElement>; onSuspendCapture?: ReactEventHandler<HTMLHeadingElement>; onTimeUpdate?: ReactEventHandler<HTMLHeadingElement>; onTimeUpdateCapture?: ReactEventHandler<HTMLHeadingElement>; onToggle?: ToggleEventHandler<HTMLHeadingElement>; onTouchCancel?: TouchEventHandler<HTMLHeadingElement>; onTouchCancelCapture?: TouchEventHandler<HTMLHeadingElement>; onTouchEnd?: TouchEventHandler<HTMLHeadingElement>; onTouchEndCapture?: TouchEventHandler<HTMLHeadingElement>; onTouchMove?: TouchEventHandler<HTMLHeadingElement>; onTouchMoveCapture?: TouchEventHandler<HTMLHeadingElement>; onTouchStart?: TouchEventHandler<HTMLHeadingElement>; onTouchStartCapture?: TouchEventHandler<HTMLHeadingElement>; onTransitionCancel?: TransitionEventHandler<HTMLHeadingElement>; onTransitionCancelCapture?: TransitionEventHandler<HTMLHeadingElement>; onTransitionEnd?: TransitionEventHandler<HTMLHeadingElement>; onTransitionEndCapture?: TransitionEventHandler<HTMLHeadingElement>; onTransitionRun?: TransitionEventHandler<HTMLHeadingElement>; onTransitionRunCapture?: TransitionEventHandler<HTMLHeadingElement>; onTransitionStart?: TransitionEventHandler<HTMLHeadingElement>; onTransitionStartCapture?: TransitionEventHandler<HTMLHeadingElement>; onVolumeChange?: ReactEventHandler<HTMLHeadingElement>; onVolumeChangeCapture?: ReactEventHandler<HTMLHeadingElement>; onWaiting?: ReactEventHandler<HTMLHeadingElement>; onWaitingCapture?: ReactEventHandler<HTMLHeadingElement>; onWheel?: WheelEventHandler<HTMLHeadingElement>; onWheelCapture?: WheelEventHandler<HTMLHeadingElement>; part?: string; popover?: "" | "auto" | "manual" | "hint"; popoverTarget?: string; popoverTargetAction?: "toggle" | "show" | "hide"; prefix?: string; property?: string; radioGroup?: string; rel?: string; resource?: string; results?: number; rev?: string; role?: AriaRole; security?: string; slot?: string; spellCheck?: Booleanish; style?: CSSProperties; suppressContentEditableWarning?: boolean; suppressHydrationWarning?: boolean; tabIndex?: number; title?: string; translate?: "yes" | "no"; typeof?: string; unselectable?: "off" | "on"; vocab?: string; }, HTMLElement> = CardTitle

Renders the main heading of the card.

#Parameters

#__namedParameters

CardTitleProps

#Returns

DetailedReactHTMLElement<{ about?: string; accessKey?: string; aria-activedescendant?: string; aria-atomic?: Booleanish; aria-autocomplete?: "none" | "inline" | "list" | "both"; aria-braillelabel?: string; aria-brailleroledescription?: string; aria-busy?: Booleanish; aria-checked?: boolean | "true" | "false" | "mixed"; aria-colcount?: number; aria-colindex?: number; aria-colindextext?: string; aria-colspan?: number; aria-controls?: string; aria-current?: boolean | "page" | "step" | "location" | "date" | "time" | "true" | "false"; aria-describedby?: string; aria-description?: string; aria-details?: string; aria-disabled?: Booleanish; aria-dropeffect?: "none" | "link" | "copy" | "execute" | "move" | "popup"; aria-errormessage?: string; aria-expanded?: Booleanish; aria-flowto?: string; aria-grabbed?: Booleanish; aria-haspopup?: boolean | "grid" | "true" | "false" | "dialog" | "listbox" | "menu" | "tree"; aria-hidden?: Booleanish; aria-invalid?: boolean | "true" | "false" | "grammar" | "spelling"; aria-keyshortcuts?: string; aria-label?: string; aria-labelledby?: string; aria-level?: number; aria-live?: "off" | "assertive" | "polite"; aria-modal?: Booleanish; aria-multiline?: Booleanish; aria-multiselectable?: Booleanish; aria-orientation?: "horizontal" | "vertical"; aria-owns?: string; aria-placeholder?: string; aria-posinset?: number; aria-pressed?: boolean | "true" | "false" | "mixed"; aria-readonly?: Booleanish; aria-relevant?: "all" | "text" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals"; aria-required?: Booleanish; aria-roledescription?: string; aria-rowcount?: number; aria-rowindex?: number; aria-rowindextext?: string; aria-rowspan?: number; aria-selected?: Booleanish; aria-setsize?: number; aria-sort?: "ascending" | "descending" | "none" | "other"; aria-valuemax?: number; aria-valuemin?: number; aria-valuenow?: number; aria-valuetext?: string; autoCapitalize?: "none" | string & object | "off" | "on" | "sentences" | "words" | "characters"; autoCorrect?: string; autoFocus?: boolean; autoSave?: string; className: string; color?: string; content?: string; contentEditable?: "inherit" | Booleanish | "plaintext-only"; contextMenu?: string; dangerouslySetInnerHTML?: { __html: string | TrustedHTML; }; datatype?: string; defaultChecked?: boolean; defaultValue?: string | number | readonly string[]; dir?: string; draggable?: Booleanish; enterKeyHint?: "search" | "enter" | "done" | "go" | "next" | "previous" | "send"; exportparts?: string; hidden?: boolean; id?: string; inert?: boolean; inlist?: any; inputMode?: "none" | "search" | "text" | "tel" | "url" | "email" | "numeric" | "decimal"; is?: string; itemID?: string; itemProp?: string; itemRef?: string; itemScope?: boolean; itemType?: string; lang?: string; nonce?: string; onAbort?: ReactEventHandler<HTMLHeadingElement>; onAbortCapture?: ReactEventHandler<HTMLHeadingElement>; onAnimationEnd?: AnimationEventHandler<HTMLHeadingElement>; onAnimationEndCapture?: AnimationEventHandler<HTMLHeadingElement>; onAnimationIteration?: AnimationEventHandler<HTMLHeadingElement>; onAnimationIterationCapture?: AnimationEventHandler<HTMLHeadingElement>; onAnimationStart?: AnimationEventHandler<HTMLHeadingElement>; onAnimationStartCapture?: AnimationEventHandler<HTMLHeadingElement>; onAuxClick?: MouseEventHandler<HTMLHeadingElement>; onAuxClickCapture?: MouseEventHandler<HTMLHeadingElement>; onBeforeInput?: InputEventHandler<HTMLHeadingElement>; onBeforeInputCapture?: InputEventHandler<HTMLHeadingElement>; onBeforeToggle?: ToggleEventHandler<HTMLHeadingElement>; onBlur?: FocusEventHandler<HTMLHeadingElement>; onBlurCapture?: FocusEventHandler<HTMLHeadingElement>; onCanPlay?: ReactEventHandler<HTMLHeadingElement>; onCanPlayCapture?: ReactEventHandler<HTMLHeadingElement>; onCanPlayThrough?: ReactEventHandler<HTMLHeadingElement>; onCanPlayThroughCapture?: ReactEventHandler<HTMLHeadingElement>; onChange?: ChangeEventHandler<HTMLHeadingElement, Element>; onChangeCapture?: ChangeEventHandler<HTMLHeadingElement, Element>; onClick?: MouseEventHandler<HTMLHeadingElement>; onClickCapture?: MouseEventHandler<HTMLHeadingElement>; onCompositionEnd?: CompositionEventHandler<HTMLHeadingElement>; onCompositionEndCapture?: CompositionEventHandler<HTMLHeadingElement>; onCompositionStart?: CompositionEventHandler<HTMLHeadingElement>; onCompositionStartCapture?: CompositionEventHandler<HTMLHeadingElement>; onCompositionUpdate?: CompositionEventHandler<HTMLHeadingElement>; onCompositionUpdateCapture?: CompositionEventHandler<HTMLHeadingElement>; onContextMenu?: MouseEventHandler<HTMLHeadingElement>; onContextMenuCapture?: MouseEventHandler<HTMLHeadingElement>; onCopy?: ClipboardEventHandler<HTMLHeadingElement>; onCopyCapture?: ClipboardEventHandler<HTMLHeadingElement>; onCut?: ClipboardEventHandler<HTMLHeadingElement>; onCutCapture?: ClipboardEventHandler<HTMLHeadingElement>; onDoubleClick?: MouseEventHandler<HTMLHeadingElement>; onDoubleClickCapture?: MouseEventHandler<HTMLHeadingElement>; onDrag?: DragEventHandler<HTMLHeadingElement>; onDragCapture?: DragEventHandler<HTMLHeadingElement>; onDragEnd?: DragEventHandler<HTMLHeadingElement>; onDragEndCapture?: DragEventHandler<HTMLHeadingElement>; onDragEnter?: DragEventHandler<HTMLHeadingElement>; onDragEnterCapture?: DragEventHandler<HTMLHeadingElement>; onDragExit?: DragEventHandler<HTMLHeadingElement>; onDragExitCapture?: DragEventHandler<HTMLHeadingElement>; onDragLeave?: DragEventHandler<HTMLHeadingElement>; onDragLeaveCapture?: DragEventHandler<HTMLHeadingElement>; onDragOver?: DragEventHandler<HTMLHeadingElement>; onDragOverCapture?: DragEventHandler<HTMLHeadingElement>; onDragStart?: DragEventHandler<HTMLHeadingElement>; onDragStartCapture?: DragEventHandler<HTMLHeadingElement>; onDrop?: DragEventHandler<HTMLHeadingElement>; onDropCapture?: DragEventHandler<HTMLHeadingElement>; onDurationChange?: ReactEventHandler<HTMLHeadingElement>; onDurationChangeCapture?: ReactEventHandler<HTMLHeadingElement>; onEmptied?: ReactEventHandler<HTMLHeadingElement>; onEmptiedCapture?: ReactEventHandler<HTMLHeadingElement>; onEncrypted?: ReactEventHandler<HTMLHeadingElement>; onEncryptedCapture?: ReactEventHandler<HTMLHeadingElement>; onEnded?: ReactEventHandler<HTMLHeadingElement>; onEndedCapture?: ReactEventHandler<HTMLHeadingElement>; onError?: ReactEventHandler<HTMLHeadingElement>; onErrorCapture?: ReactEventHandler<HTMLHeadingElement>; onFocus?: FocusEventHandler<HTMLHeadingElement>; onFocusCapture?: FocusEventHandler<HTMLHeadingElement>; onGotPointerCapture?: PointerEventHandler<HTMLHeadingElement>; onGotPointerCaptureCapture?: PointerEventHandler<HTMLHeadingElement>; onInput?: InputEventHandler<HTMLHeadingElement>; onInputCapture?: InputEventHandler<HTMLHeadingElement>; onInvalid?: ReactEventHandler<HTMLHeadingElement>; onInvalidCapture?: ReactEventHandler<HTMLHeadingElement>; onKeyDown?: KeyboardEventHandler<HTMLHeadingElement>; onKeyDownCapture?: KeyboardEventHandler<HTMLHeadingElement>; onKeyPress?: KeyboardEventHandler<HTMLHeadingElement>; onKeyPressCapture?: KeyboardEventHandler<HTMLHeadingElement>; onKeyUp?: KeyboardEventHandler<HTMLHeadingElement>; onKeyUpCapture?: KeyboardEventHandler<HTMLHeadingElement>; onLoad?: ReactEventHandler<HTMLHeadingElement>; onLoadCapture?: ReactEventHandler<HTMLHeadingElement>; onLoadedData?: ReactEventHandler<HTMLHeadingElement>; onLoadedDataCapture?: ReactEventHandler<HTMLHeadingElement>; onLoadedMetadata?: ReactEventHandler<HTMLHeadingElement>; onLoadedMetadataCapture?: ReactEventHandler<HTMLHeadingElement>; onLoadStart?: ReactEventHandler<HTMLHeadingElement>; onLoadStartCapture?: ReactEventHandler<HTMLHeadingElement>; onLostPointerCapture?: PointerEventHandler<HTMLHeadingElement>; onLostPointerCaptureCapture?: PointerEventHandler<HTMLHeadingElement>; onMouseDown?: MouseEventHandler<HTMLHeadingElement>; onMouseDownCapture?: MouseEventHandler<HTMLHeadingElement>; onMouseEnter?: MouseEventHandler<HTMLHeadingElement>; onMouseLeave?: MouseEventHandler<HTMLHeadingElement>; onMouseMove?: MouseEventHandler<HTMLHeadingElement>; onMouseMoveCapture?: MouseEventHandler<HTMLHeadingElement>; onMouseOut?: MouseEventHandler<HTMLHeadingElement>; onMouseOutCapture?: MouseEventHandler<HTMLHeadingElement>; onMouseOver?: MouseEventHandler<HTMLHeadingElement>; onMouseOverCapture?: MouseEventHandler<HTMLHeadingElement>; onMouseUp?: MouseEventHandler<HTMLHeadingElement>; onMouseUpCapture?: MouseEventHandler<HTMLHeadingElement>; onPaste?: ClipboardEventHandler<HTMLHeadingElement>; onPasteCapture?: ClipboardEventHandler<HTMLHeadingElement>; onPause?: ReactEventHandler<HTMLHeadingElement>; onPauseCapture?: ReactEventHandler<HTMLHeadingElement>; onPlay?: ReactEventHandler<HTMLHeadingElement>; onPlayCapture?: ReactEventHandler<HTMLHeadingElement>; onPlaying?: ReactEventHandler<HTMLHeadingElement>; onPlayingCapture?: ReactEventHandler<HTMLHeadingElement>; onPointerCancel?: PointerEventHandler<HTMLHeadingElement>; onPointerCancelCapture?: PointerEventHandler<HTMLHeadingElement>; onPointerDown?: PointerEventHandler<HTMLHeadingElement>; onPointerDownCapture?: PointerEventHandler<HTMLHeadingElement>; onPointerEnter?: PointerEventHandler<HTMLHeadingElement>; onPointerLeave?: PointerEventHandler<HTMLHeadingElement>; onPointerMove?: PointerEventHandler<HTMLHeadingElement>; onPointerMoveCapture?: PointerEventHandler<HTMLHeadingElement>; onPointerOut?: PointerEventHandler<HTMLHeadingElement>; onPointerOutCapture?: PointerEventHandler<HTMLHeadingElement>; onPointerOver?: PointerEventHandler<HTMLHeadingElement>; onPointerOverCapture?: PointerEventHandler<HTMLHeadingElement>; onPointerUp?: PointerEventHandler<HTMLHeadingElement>; onPointerUpCapture?: PointerEventHandler<HTMLHeadingElement>; onProgress?: ReactEventHandler<HTMLHeadingElement>; onProgressCapture?: ReactEventHandler<HTMLHeadingElement>; onRateChange?: ReactEventHandler<HTMLHeadingElement>; onRateChangeCapture?: ReactEventHandler<HTMLHeadingElement>; onReset?: ReactEventHandler<HTMLHeadingElement>; onResetCapture?: ReactEventHandler<HTMLHeadingElement>; onScroll?: UIEventHandler<HTMLHeadingElement>; onScrollCapture?: UIEventHandler<HTMLHeadingElement>; onScrollEnd?: UIEventHandler<HTMLHeadingElement>; onScrollEndCapture?: UIEventHandler<HTMLHeadingElement>; onSeeked?: ReactEventHandler<HTMLHeadingElement>; onSeekedCapture?: ReactEventHandler<HTMLHeadingElement>; onSeeking?: ReactEventHandler<HTMLHeadingElement>; onSeekingCapture?: ReactEventHandler<HTMLHeadingElement>; onSelect?: ReactEventHandler<HTMLHeadingElement>; onSelectCapture?: ReactEventHandler<HTMLHeadingElement>; onStalled?: ReactEventHandler<HTMLHeadingElement>; onStalledCapture?: ReactEventHandler<HTMLHeadingElement>; onSubmit?: SubmitEventHandler<HTMLHeadingElement>; onSubmitCapture?: SubmitEventHandler<HTMLHeadingElement>; onSuspend?: ReactEventHandler<HTMLHeadingElement>; onSuspendCapture?: ReactEventHandler<HTMLHeadingElement>; onTimeUpdate?: ReactEventHandler<HTMLHeadingElement>; onTimeUpdateCapture?: ReactEventHandler<HTMLHeadingElement>; onToggle?: ToggleEventHandler<HTMLHeadingElement>; onTouchCancel?: TouchEventHandler<HTMLHeadingElement>; onTouchCancelCapture?: TouchEventHandler<HTMLHeadingElement>; onTouchEnd?: TouchEventHandler<HTMLHeadingElement>; onTouchEndCapture?: TouchEventHandler<HTMLHeadingElement>; onTouchMove?: TouchEventHandler<HTMLHeadingElement>; onTouchMoveCapture?: TouchEventHandler<HTMLHeadingElement>; onTouchStart?: TouchEventHandler<HTMLHeadingElement>; onTouchStartCapture?: TouchEventHandler<HTMLHeadingElement>; onTransitionCancel?: TransitionEventHandler<HTMLHeadingElement>; onTransitionCancelCapture?: TransitionEventHandler<HTMLHeadingElement>; onTransitionEnd?: TransitionEventHandler<HTMLHeadingElement>; onTransitionEndCapture?: TransitionEventHandler<HTMLHeadingElement>; onTransitionRun?: TransitionEventHandler<HTMLHeadingElement>; onTransitionRunCapture?: TransitionEventHandler<HTMLHeadingElement>; onTransitionStart?: TransitionEventHandler<HTMLHeadingElement>; onTransitionStartCapture?: TransitionEventHandler<HTMLHeadingElement>; onVolumeChange?: ReactEventHandler<HTMLHeadingElement>; onVolumeChangeCapture?: ReactEventHandler<HTMLHeadingElement>; onWaiting?: ReactEventHandler<HTMLHeadingElement>; onWaitingCapture?: ReactEventHandler<HTMLHeadingElement>; onWheel?: WheelEventHandler<HTMLHeadingElement>; onWheelCapture?: WheelEventHandler<HTMLHeadingElement>; part?: string; popover?: "" | "auto" | "manual" | "hint"; popoverTarget?: string; popoverTargetAction?: "toggle" | "show" | "hide"; prefix?: string; property?: string; radioGroup?: string; rel?: string; resource?: string; results?: number; rev?: string; role?: AriaRole; security?: string; slot?: string; spellCheck?: Booleanish; style?: CSSProperties; suppressContentEditableWarning?: boolean; suppressHydrationWarning?: boolean; tabIndex?: number; title?: string; translate?: "yes" | "no"; typeof?: string; unselectable?: "off" | "on"; vocab?: string; }, HTMLElement>

#Example

<Card.Title as="h3">Journey of Reflection</Card.Title>