New to KendoReactStart a free 30-day trial

ActionSheetProps

The props of the ActionSheet component.

NameTypeDefaultDescription

animation?

boolean

Controls the popup animation. By default, the open and close animations are disabled.

animationDuration?

number

Specifies the duration of the transition for the entering and closing Animation. Defaults to 300ms.

children?

any

Represents the children that are passed to the ActionSheet.

className?

string

The CSS classes that will be rendered on the inner ActionSheet element.

expand?

boolean

Specifies the state of the ActionSheet.

items?

ActionSheetItemProps[]

The collection of items that will be rendered in the ActionSheet.

boolean

true

Specifies if the ActionSheet can be navigatable with keyboard. Defaults to true.

string[]

[]

Specifies the selectors of the navigatable elements inside the templates of the ActionSheet.

onClose?

(event: SyntheticEvent<Element>) => void

Fires when the modal overlay is clicked.

onItemClick?

(event: { item?: any; syntheticEvent: SyntheticEvent<Element>; title?: string; }) => void

Deprecated. Fires when an ActionSheet item is clicked. Use onItemSelect event instead.

onItemSelect?

(event: { item?: any; syntheticEvent: SyntheticEvent<Element>; title?: string; }) => void

Fires when an ActionSheet item is clicked.

onOverlayClick?

(event: SyntheticEvent<Element>) => void

Deprecated. Fires when the modal overlay is clicked. Use onClose event instead.

position?

"left" | "right" | "top" | "bottom" | "fullscreen"

'bottom'

Specifies the position of the ActionSheet.

subTitle?

React.ReactNode

Specifies the text that is rendered under the title.

tabIndex?

number

Specifies the tabIndex of the ActionSheet.

title?

React.ReactNode

Specifies the text that is rendered as title.

Not finding the help you need?
Contact Support