mocanvasv4.11.2
DocsDemosLicensing

@mocanvas/mocanvas · interface

TLUiButtonProps

interface TLUiButtonProps

This one ships without a description. The signature above is read from the package, and the guides cover the area it belongs to.

On this page

childrenclassNamedisabledidisActiveisCheckedonBluronClickonFocusonKeyDownonPointerDownonPointerUprefrolestyletabIndextitletype

Properties · 18

children?: ReactNode
className?: string
disabled?: boolean
id?: string
isActive?: boolean

Marks the active item in a set. Rendered as aria-current.

isChecked?: boolean

Rendered as aria-pressed: a two-state button, not a link.

onBlur?(event: React.FocusEvent<HTMLButtonElement>): void
onClick?(event: MouseEvent<HTMLButtonElement>): void
onFocus?(event: React.FocusEvent<HTMLButtonElement>): void
onKeyDown?(event: React.KeyboardEvent<HTMLButtonElement>): void
onPointerDown?(event: PointerEvent<HTMLButtonElement>): void
onPointerUp?(event: PointerEvent<HTMLButtonElement>): void
ref?: Ref<HTMLButtonElement>
role?: string
style?: CSSProperties
tabIndex?: number
title?: string

Accessible name. Required when the button's content is an icon alone.

type?: TLUiButtonType
All of @mocanvas/mocanvasGuidesDemos
mocanvas
DocsLicensingmocanvas@symbio.agency

mocanvas is built by Symbio. Free for non-commercial, non-profit and development use; commercial use needs an agreement. Not affiliated with or endorsed by tldraw.