• What is KendoReact
  • Getting Started
  • Server Components
  • Components
    • Animation
    • Barcodes
    • Buttons
    • Chartsupdated
    • Common Utilities
    • Conversational UIupdated
    • Data Gridupdated
    • Data Query
    • Data Tools
    • Date Inputs
    • Date Math
    • Dialogs
    • Drawing
    • Dropdownsupdated
    • Editor
    • Excel Export
    • File Saver
    • Formupdated
    • Ganttupdated
    • Gauges
    • Indicators
    • Inputsupdated
    • Labels
    • Layoutupdated
      • Overview
      • Getting Started
      • ActionSheet
      • AppBar
      • Avatar
      • BottomNavigation
      • Breadcrumb
      • Card
      • Drawer
      • ExpansionPanel
      • GridLayout
      • Menu
      • Context Menu
      • PanelBar
      • Splitter
      • StackLayout
      • TabStrip
      • Stepper
      • TileLayoutupdated
      • Timeline
      • Globalization
      • API
    • ListBox
    • ListView
    • Map
    • Notification
    • OrgChartnew
    • PDF Processing
    • PDFViewer
    • PivotGrid
    • Popup
    • Progress Bars
    • Ripple
    • Scheduler
    • ScrollView
    • Sortable
    • Spreadsheetupdated
    • TaskBoard
    • Tooltips
    • TreeList
    • TreeViewupdated
    • Upload
  • Sample Applications
  • Styling & Themes
  • Common Features
  • Project Setup
  • Knowledge Base
  • Changelog
  • Updates
  • Troubleshooting
Components / Layout / API / ActionSheetProps / 

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.

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.

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.

In this article

Not finding the help you need?

Contact Support