diff --git a/packages/varlet-ui/src/chips/Chips.vue b/packages/varlet-ui/src/chips/Chips.vue
new file mode 100644
index 00000000000..5ade51109f6
--- /dev/null
+++ b/packages/varlet-ui/src/chips/Chips.vue
@@ -0,0 +1,17 @@
+<template>
+	<div class="var-chips"></div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue'
+
+export default defineComponent({
+	name: 'VarChips',
+})
+</script>
+
+<style lang="less">
+.var-chips {
+	display: flex;
+}
+</style>
diff --git a/packages/varlet-ui/src/chips/__tests__/index.spec.js b/packages/varlet-ui/src/chips/__tests__/index.spec.js
new file mode 100644
index 00000000000..c22975d5785
--- /dev/null
+++ b/packages/varlet-ui/src/chips/__tests__/index.spec.js
@@ -0,0 +1,7 @@
+const Chips = require('../../../cjs/chips').default
+const { render } = require('@testing-library/vue')
+
+test('test chips', async () => {
+	const wrapper = render(Chips)
+	console.log(wrapper)
+})
diff --git a/packages/varlet-ui/src/chips/docs/en_US.md b/packages/varlet-ui/src/chips/docs/en_US.md
new file mode 100644
index 00000000000..e69de29bb2d
diff --git a/packages/varlet-ui/src/chips/docs/zh_CN.md b/packages/varlet-ui/src/chips/docs/zh_CN.md
new file mode 100644
index 00000000000..e69de29bb2d
diff --git a/packages/varlet-ui/src/chips/example/index.vue b/packages/varlet-ui/src/chips/example/index.vue
new file mode 100644
index 00000000000..25dbfe717f7
--- /dev/null
+++ b/packages/varlet-ui/src/chips/example/index.vue
@@ -0,0 +1,21 @@
+<template>
+	<var-chips />
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue'
+import Chips from '..'
+
+export default defineComponent({
+	name: 'ChipsExample',
+	components: {
+		[Chips.name]: Chips,
+	},
+})
+</script>
+
+<style scoped>
+.example {
+	background: antiquewhite;
+}
+</style>
diff --git a/packages/varlet-ui/src/chips/index.ts b/packages/varlet-ui/src/chips/index.ts
new file mode 100644
index 00000000000..1783792579c
--- /dev/null
+++ b/packages/varlet-ui/src/chips/index.ts
@@ -0,0 +1,7 @@
+import Chips from './Chips.vue'
+
+Chips.install = function (app: any) {
+	app.component(Chips.name, Chips)
+}
+
+export default Chips
diff --git a/packages/varlet-ui/src/snackbar/example/index.vue b/packages/varlet-ui/src/snackbar/example/index.vue
index c440ab8d0bc..61dbef1d2a1 100644
--- a/packages/varlet-ui/src/snackbar/example/index.vue
+++ b/packages/varlet-ui/src/snackbar/example/index.vue
@@ -201,13 +201,12 @@ export default defineComponent({
 		const open = () => {
 			window.alert('open!')
 		}
-		const close = (e) => {
-      console.log(e)
-      window.alert('close!')
+		const close = () => {
+			window.alert('close!')
 		}
 
-		const opened = (e) => {
-      window.alert('opened!')
+		const opened = () => {
+			window.alert('opened!')
 		}
 
 		const closed = () => {