---
title: Overview
path: components/actionsheet/overview
position: 1
seo_title: Overview of the ActionSheet Component
seo_description: Learn about the basic features of the Telerik and Kendo UI
  ActionSheet component and its types, check out the extensive set of available
  options in its live demo.
---
## ActionSheet Overview

The Telerik and Kendo UI ActionSheet enables the users to display a predefined set of options in a modal view. It is commonly used to present choices related to an action that the user initiates.

### Live Demo

<LiveDemo data='{"links":[{"text":"Angular","url":"https://www.telerik.com/kendo-angular-ui/components/navigation/actionsheet"},{"text":"jQuery","url":"https://demos.telerik.com/kendo-ui/actionsheet/index"},{"text":"React","url":"https://www.telerik.com/kendo-react-ui/components/layout/actionsheet"},{"text":"Vue","url":"https://www.telerik.com/kendo-vue-ui/components/layout/actionsheet"},{"text":"ASP.NET Core","url":"https://demos.telerik.com/aspnet-core/actionsheet"},{"text":"ASP.NET MVC","url":"https://demos.telerik.com/aspnet-mvc/actionsheet"}],"demo":"components/action-sheet/overview"}'></LiveDemo>

### Framework-Specific Documentation

For specific information about the component, refer to its official product documentation:

<Wrap>
<ExternalResource data='{"title":"Kendo UI for Angular ActionSheet","description":"Find more information about the Kendo UI for Angular ActionSheet in the official product documentation of the component.","url":"https://www.telerik.com/kendo-angular-ui/components/navigation/actionsheet"}'>![Kendo UI for Angular logo.](/images/angular-logo.svg)</ExternalResource>

<ExternalResource data='{"title":"Kendo UI for jQuery ActionSheet","description":"Find more information about the Kendo UI for jQuery ActionSheet in the official product documentation of the component.","url":"https://www.telerik.com/kendo-jquery-ui/documentation/controls/actionsheet/overview"}'>![Kendo UI for jQuery logo.](/images/jquery-logo.svg)</ExternalResource>

<ExternalResource data='{"title":"KendoReact ActionSheet","description":"Find more information about the KendoReact ActionSheet in the official product documentation of the component.","url":"https://www.telerik.com/kendo-react-ui/components/layout/actionsheet"}'>![Kendo UI for React logo.](/images/react-logo.svg)</ExternalResource>

<ExternalResource data='{"title":"Kendo UI for Vue ActionSheet","description":"Find more information about the Kendo UI for Vue ActionSheet in the official product documentation of the component.","url":"https://www.telerik.com/kendo-vue-ui/components/layout/actionsheet"}'>![Kendo UI for Vue logo.](/images/vue-logo.svg)</ExternalResource>

<ExternalResource data='{"title":"Telerik UI for ASP.NET Core ActionSheet","description":"Find more information about the Telerik UI for ASP.NET Core ActionSheet component.","url":"https://www.telerik.com/aspnet-core-ui/documentation/html-helpers/navigation/actionsheet/overview"}'>![Telerik UI for ASP.NET Core logo.](/images/core-logo.svg)</ExternalResource>

<ExternalResource data='{"title":"Telerik UI for ASP.NET MVC ActionSheet","description":"Find more information about the Telerik UI for ASP.NET MVC ActionSheet component.","url":"https://www.telerik.com/aspnet-mvc/documentation/html-helpers/navigation/actionsheet/overview"}'>![Telerik UI for ASP.NET MVC logo.](/images/mvc-logo.svg)</ExternalResource>

</Wrap>