• Introduction
  • Getting Started
  • Vue 2 End of Support
  • Native Components
    • Animation
    • Buttons
    • Chartsupdated
    • Conversational UInew
    • Data Query
    • Data Tools
    • Date Inputs
    • Date Math
    • Dialogs
    • Drawing
    • Dropdownsupdated
    • Editor
    • Excel Export
    • File Saver
    • Form
    • Gauges
    • Grid
    • Icons
    • Indicators
    • Inputs
    • Labels
    • Layoutupdated
      • Overview
      • Getting Started
      • ActionSheetnew
      • AppBar
      • Avatar
      • BottomNavigation
      • Card
      • ContextMenu
      • Drawer
      • ExpansionPanelnew
      • GridLayoutnew
      • Menu
      • PanelBar
      • Splitter
      • StackLayoutnew
      • Stepper
      • TabStrip
      • TileLayoutupdated
      • Wizard
      • Globalization
      • API
    • ListBox
    • ListView
    • Notification
    • PDF Processing
    • Popup
    • Progress Bars
    • Scheduler
    • ScrollView
    • Tooltip
    • TreeList
    • TreeView
    • Upload
  • Wrapper Components
  • Sample Applications
  • Styling & Themes
  • Common Features
  • Project Setup
  • Knowledge Base
  • Changelog
  • FAQ
  • Troubleshooting
New to Kendo UI for Vue? Start a free 30-day trial

ActionSheetItemProps

Represents the props of the Kendo UI for Vue ActionSheetItem.

NameTypeDefaultDescription

class?

string

Sets additional CSS classes to the ActionSheetItem.

content?

string | Function

Sets the content of the ActionSheetItem either as string that is pointing to a slot template of as render function.

description?

string

Specifies additional text rendered under the item's title.

disabled?

boolean

Specifies if the ActionSheet item is initially disabled.

group?

string

Defines the group of the item. Items can be segregated in two groups - top and bottom. Each specifying whether the ActionSheet item will be rendered over the separator or under it.

icon?

string

Defines the icon rendered inside the ActionSheet item.

iconColor?

string

Defines the color of the icon or SVGIcon that is rendered inside the ActionSheet item.

iconSize?

string

Defines an size of the icon or SVGIcon that is rendered inside the ActionSheet item.

style?

object

Sets additional CSS styles to the ActionSheetItem.

svgIcon?

SVGIcon

Defines an SVGIcon to be rendered inside the ActionSheet item.

title?

string

Specifies the text content of the ActionSheet item.