# List Selection Dialog Box >![](../../public_sys-resources/icon-note.gif) **NOTE:** >This component is supported since API version 8. Updates will be marked with a superscript to indicate their earliest API version. List pop-up window. ## Required Permissions None ## ActionSheet.show show\(options: \{ [paramObject1](#table816913216616)\}\) Defines and shows the list popup window. - paramObject1 parameters

Name	Type	Mandatory	Default Value	Description
title	string	No	None	Title of the dialog box.
message	string	Yes	-	Content of the dialog box.
autoCancel	boolean	No	true	Whether to close the dialog box when the overlay is clicked.
confirm	{ value: string, action: () => void }	No	-	Text content of the confirm button and callback upon button clicking. value: button text. action: callback upon button clicking.
cancel	() => void	No	-	Callback invoked when the dialog box is closed after the overlay is clicked.
alignment	DialogAlignment	No	DialogAlignment.Default	Alignment mode of the dialog box in the vertical direction.
offset	{ dx: Length, dy: Length }	No	{ dx: 0, dy: 0 }	Offset of the dialog box relative to the alignment position.
sheets	Array<SheetInfo>	Yes	-	Options in the dialog box. Each option supports the image, text, and callback.

- SheetInfo parameters

Name	Type	Mandatory	Default Value	Description
title	string	Yes	-	Sheet text.
icon	string	No	None	Sheet icon.
action	()=>void	Yes	-	Callback when the sheet is selected.

## Example ``` @Entry @Component struct ActionSheetExapmle { build() { Flex({ direction: FlexDirection.Column, alignItems: ItemAlign.Center, justifyContent: FlexAlign.Center }) { Button('Click to Show ActionSheet') .onClick(() => { ActionSheet.show({ title: 'ActionSheet title', message: 'message', confirm: { value: 'Confirm button', action: () => { console.log('Get Alert Dialog handled') } }, sheets: [ { title: 'apples', action: () => { console.error('apples') } }, { title: 'bananas', action: () => { console.error('bananas') } }, { title: 'pears', action: () => { console.error('pears') } } ] }) }) }.width('100%') .height('100%') } } ``` ![](figures/en-us_image_0000001201475612.gif)