From 3faf04c02e711692b1f131f3bce4abab4661e836 Mon Sep 17 00:00:00 2001
From: neverland <jait.chen@foxmail.com>
Date: Sun, 30 Oct 2022 20:17:36 +0800
Subject: [PATCH] docs: add docs for builtin classes (#11195)

---
 packages/vant/src/style/README.md       | 18 ++++++++++++++++++
 packages/vant/src/style/README.zh-CN.md | 18 ++++++++++++++++++
 2 files changed, 36 insertions(+)

diff --git a/packages/vant/src/style/README.md b/packages/vant/src/style/README.md
index 22b13979f..4a9059451 100644
--- a/packages/vant/src/style/README.md
+++ b/packages/vant/src/style/README.md
@@ -89,3 +89,21 @@ Enable safe area.
   <div v-show="visible">Slide Right</div>
 </transition>
 ```
+
+### Haptics Feedback
+
+Add haptics feedback for an element. When touched, the opacity of the element is reduced.
+
+Usually used in clickable elements such as button.
+
+```html
+<div class="van-haptics-feedback"></div>
+```
+
+### Clearfix
+
+Clear floated content within a container.
+
+```html
+<div class="van-clearfix"></div>
+```
diff --git a/packages/vant/src/style/README.zh-CN.md b/packages/vant/src/style/README.zh-CN.md
index 6ac9e0e4d..77bbc14a7 100644
--- a/packages/vant/src/style/README.zh-CN.md
+++ b/packages/vant/src/style/README.zh-CN.md
@@ -89,3 +89,21 @@ Vant 中默认包含了一些常用样式，可以直接通过 className 的方
   <div v-show="visible">Slide Right</div>
 </transition>
 ```
+
+### 触碰反馈
+
+为元素添加触碰反馈效果，触碰后，元素的透明度会降低。
+
+通常用于按钮等可点击的元素上。
+
+```html
+<div class="van-haptics-feedback"></div>
+```
+
+### 清除浮动
+
+清除元素在 float 布局下的浮动，
+
+```html
+<div class="van-clearfix"></div>
+```