From c4f3918ffe25066eb6623127062fb86c239e8ced Mon Sep 17 00:00:00 2001 From: eddytlxiong Date: Tue, 27 Aug 2024 12:25:34 +0800 Subject: [PATCH] =?UTF-8?q?docs:=20=E8=A1=A5=E5=85=85=20ActionSheet=20md?= =?UTF-8?q?=E6=96=87=E6=A1=A3?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- docs/mobile/api/action-sheet.en-US.md | 41 +++++++++++++++++++++++++++ docs/mobile/api/action-sheet.md | 8 ++++++ 2 files changed, 49 insertions(+) create mode 100644 docs/mobile/api/action-sheet.en-US.md diff --git a/docs/mobile/api/action-sheet.en-US.md b/docs/mobile/api/action-sheet.en-US.md new file mode 100644 index 0000000000..e970736081 --- /dev/null +++ b/docs/mobile/api/action-sheet.en-US.md @@ -0,0 +1,41 @@ +--- +title: ActionSheet +description: A specific type of modal popup triggered by a user action that presents a set of two or more options relevant to the current context. +spline: base +isComponent: true +toc: false +--- + +### List Type + +The list option is a list at the left and right ends; + +Options are plain text; + +For warning operations (such as irreversible destructive operations), it is recommended to put the change operation at the end and mark it in red. + +The list type can have the following different styles according to the content of the selected items + +{{ list }} + +### Grid Type + +The panel runs through from left to right, and uses a grid structure of 3 or 4 columns according to the number of operations to make the menu content as full as possible. + +Menu options are presented in the form of icons plus text. + +When the number of menu items exceeds 8, it can be turned over. + +{{ grid }} + +### Grid Multiple + +{{ grid-multiple }} + +### Component Status + +{{ status }} + +### Component Style + +{{ align }} diff --git a/docs/mobile/api/action-sheet.md b/docs/mobile/api/action-sheet.md index 7e7518b9f5..6be93ede6c 100644 --- a/docs/mobile/api/action-sheet.md +++ b/docs/mobile/api/action-sheet.md @@ -26,3 +26,11 @@ toc: false ### 宫格型-多页 {{ grid-multiple }} + +### 组件状态 + +{{ status }} + +### 组件样式 + +{{ align }}