Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

feat(dialog): mobile-react dialog组件文档对齐vue #1979

Open
wants to merge 1 commit into
base: develop
Choose a base branch
from
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
49 changes: 49 additions & 0 deletions docs/mobile/api/dialog.en-US.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,49 @@
---
title: Dialog
description: A modal view that interrupts the current action to display an important prompt or request an important action from the user
spline: base
isComponent: true
toc: false
---

## Code Demo

The default button style is' variant = text ', if any button changes' variant ', then all buttons change to this.

### Component Type

#### Feedback Class Dialog

Used when a user performs an operation that communicates important information and informs the user of the current situation.

{{ feedback }}

#### Confirm Class Dialog

It is used when the user performs an operation that has serious consequences and requires the user to confirm twice. For example, exit, delete, and clear

{{ confirm }}

#### Enter Dialog

After an operation is performed, the user needs to enter the necessary information for the next operation. Such as entering a password

{{ input }}

#### Dialog With Picture

Image elements can be inserted into the dialog box and the position can be customized.

{{ image-dialog }}

### Component Status

Text button, horizontal base button, vertical base button, multi-button, with close button

{{ multi-state }}

### Component Usage

Command line call

{{ plugin }}
30 changes: 27 additions & 3 deletions docs/mobile/api/dialog.md
Original file line number Diff line number Diff line change
Expand Up @@ -6,20 +6,44 @@ isComponent: true
toc: false
---

### 反馈类对话框
## 代码演示

按钮的样式,默认使用 `variant = text`,如果任意按钮改变了 `variant`,那么全部按钮都改变成这个。

### 组件类型

#### 反馈类对话框

用于用户进行了一个操作,需传达重要信息,告知用户当前状况的情况。

{{ feedback }}

### 确认类对话框
#### 确认类对话框

用于用户进行了一个操作,后果比较严重,需要用户二次确认的情况。 例如 退出、删除、清空等操作

{{ confirm }}

### 输入对话框
#### 输入对话框

用于用户进行了一个操作,需输入下一步操作的必要信息。 例如 输入密码

{{ input }}

#### 带图片对话框

对话框中可以插入图片元素,并且自定义位置。

{{ image-dialog }}

### 组件状态

文字按钮、水平基础按钮、垂直基础按钮、多按钮、附带关闭按钮

{{ multi-state }}

### 组件用法

命令行调用

{{ plugin }}
2 changes: 1 addition & 1 deletion style/mobile/components/_index.less
Original file line number Diff line number Diff line change
Expand Up @@ -26,7 +26,7 @@

// @import "./checkbox/_index.less";

@import "./dialog/_index.less";
// @import "./dialog/_index.less";

// @import "./toast/_index.less";

Expand Down