• What is KendoReact
  • Getting Started
  • Components
    • Animation
    • Barcodes
    • Buttons
    • Chartsupdated
    • Common Utilitiesupdated
    • Conversational UI
    • Data Gridupdated
    • Data Query
    • Data Tools
    • Date Inputsupdated
    • Date Math
    • Dialogs
    • Drawing
    • Dropdownsupdated
    • Editorupdated
    • Excel Export
    • File Saver
    • Form
    • Gantt
    • Gauges
    • Indicators
    • Inputsupdated
    • Labels
    • Layoutupdated
      • Overview
      • Getting Started
      • ActionSheetupdated
      • AppBar
      • Avatar
      • BottomNavigation
      • Breadcrumbupdated
      • Card
      • Drawerupdated
      • ExpansionPanel
      • GridLayout
      • Menu
      • Context Menu
      • PanelBar
      • Splitter
      • StackLayout
      • TabStrip
      • Stepper
      • TileLayout
      • Timelinenew
      • Globalization
      • API
    • ListBox
    • ListView
    • Map
    • Notification
    • PDF Processing
    • PDFViewerupdated
    • PivotGrid
    • Popup
    • Progress Bars
    • Ripple
    • Scheduler
    • ScrollView
    • Sortable
    • Spreadsheetnew
    • TaskBoard
    • Tooltips
    • TreeList
    • TreeView
    • Upload
  • Sample Applications
  • Styling & Themes
  • Common Features
  • Project Setup
  • Knowledge Base
  • Changelog
  • Updates
  • Troubleshooting

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.

navigatable

boolean

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

navigatableElements

string[]

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

subTitle?

string

Specifies the text that is rendered under the title.

tabIndex?

number

Specifies the tabIndex of the ActionSheet.

title?

string

Specifies the text that is rendered as title.

Methods

onClose

Fires when the modal overlay is clicked.

Parameters

event

SyntheticEvent<Element>

onItemClick

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

Parameters

event

{ item?: any; syntheticEvent: SyntheticEvent<Element>; title?: string; }

onItemSelect

Fires when an ActionSheet item is clicked.

Parameters

event

{ item?: any; syntheticEvent: SyntheticEvent<Element>; title?: string; }

onOverlayClick

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

Parameters

event

SyntheticEvent<Element>