mini-yu/uni_modules/tdesign-uniapp/components/action-sheet/README.en-US.md

:: BASE_DOC ::

API

ActionSheet Props

name	type	default	description	required
custom-style	Object	-	CSS(Cascading Style Sheets)	N
align	String	center	options: center/left	N
cancel-text	String	-	-	N
count	Number	8	-	N
description	String	-	-	N
items	Array	[]	Typescript: Array<string | ActionSheetItem> interface ActionSheetItem { label: string; description?: string; color?: string; disabled?: boolean; icon?: string; suffixIcon?: string }。see more ts definition	N
popup-props	Object	{}	Typescript: PopupProps，Popup API Documents。see more ts definition	N
show-cancel	Boolean	true	-	N
show-overlay	Boolean	true	-	N
theme	String	list	options: list/grid	N
using-custom-navbar	Boolean	false	-	N
visible	Boolean	false	v-model:visible is supported	N
default-visible	Boolean	false	uncontrolled property	N

ActionSheet Events

name	params	description
cancel	-	-
close	(context: { trigger: ActionSheetTriggerSource })	see more ts definition。 type ActionSheetTriggerSource = 'overlay' | 'command' | 'select'
selected	(context: { selected: ActionSheetItem | string, index: number })	-

ActionSheet Slots

name	Description
-	-

ActionSheet External Classes

className	Description
t-class	-
t-class-cancel	-
t-class-content	-

CSS Variables

The component provides the following CSS variables, which can be used to customize styles.

Name	Default Value	Description
--td-action-sheet-border-color	@component-stroke	-
--td-action-sheet-border-radius	@radius-extraLarge	-
--td-action-sheet-cancel-color	@text-color-primary	-
--td-action-sheet-color	@text-color-primary	-
--td-action-sheet-description-color	@text-color-placeholder	-
--td-action-sheet-description-font	@font-body-medium	-
--td-action-sheet-disabled-color	@text-color-disabled	-
--td-action-sheet-dot-active-color	@brand-color	-
--td-action-sheet-dot-color	@text-color-disabled	-
--td-action-sheet-dot-size	16rpx	-
--td-action-sheet-gap-color	@bg-color-page	-