From 7dd7ca48cd5819e4507d2a0fcc080daf0a8562ca Mon Sep 17 00:00:00 2001 From: oasis-cloud Date: Wed, 3 Aug 2022 10:33:37 +0800 Subject: [PATCH] =?UTF-8?q?feat:=20badge=20=E5=A2=9E=E5=8A=A0=E5=9C=A8?= =?UTF-8?q?=E7=BA=BF=E8=B0=83=E8=AF=95=E8=83=BD=E5=8A=9B?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/packages/badge/doc.en-US.md | 196 +++++++++++++++++++++++--------- src/packages/badge/doc.md | 196 +++++++++++++++++++++++--------- 2 files changed, 284 insertions(+), 108 deletions(-) diff --git a/src/packages/badge/doc.en-US.md b/src/packages/badge/doc.en-US.md index 22a96fe..4d9a680 100644 --- a/src/packages/badge/doc.en-US.md +++ b/src/packages/badge/doc.en-US.md @@ -14,88 +14,176 @@ import { Badge } from '@nutui/nutui-react'; ### 基本用法 +:::demo + ```tsx - - - - - - - - - - - - +import React from "react"; +import { Badge, Avatar } from '@nutui/nutui-react'; + +const App = () => { + return ( + <> + + + + + + + + + + + + + + ) +} +export default App; ``` +::: + ### 最大值 +:::demo + ```tsx - - - - - - -> - - +import React from "react"; +import { Badge, Avatar } from '@nutui/nutui-react'; + +const App = () => { + return ( + <> + + + + + + + + + + + ) +} +export default App; ``` +::: + ### 自定义颜色 +:::demo + ```tsx - - - - - - - - - - - - +import React from "react"; +import { Badge, Avatar } from '@nutui/nutui-react'; + +const App = () => { + return ( + <> + + + + + + + + + + + + + + ) +} +export default App; ``` +::: + ### 自定义徽标内容 +:::demo + ```tsx - - - - - - - - - +import React from "react"; +import { Badge, Avatar } from '@nutui/nutui-react'; + +const App = () => { + return ( + <> + + + + + + + + + + + ) +} +export default App; ``` +::: + ### 自定义位置 +:::demo + ```tsx - - - - - - - - - +import React from "react"; +import { Badge, Avatar } from '@nutui/nutui-react'; + +const App = () => { + return ( + <> + + + + + + + + + + + ) +} +export default App; ``` +::: + ### 独立展示 +:::demo + ```tsx - - - +import React from "react"; +import { Badge } from '@nutui/nutui-react'; + +const App = () => { + return ( + <> + + + + + ) +} +export default App; ``` +::: + ## API ### Props diff --git a/src/packages/badge/doc.md b/src/packages/badge/doc.md index 22a96fe..4d9a680 100644 --- a/src/packages/badge/doc.md +++ b/src/packages/badge/doc.md @@ -14,88 +14,176 @@ import { Badge } from '@nutui/nutui-react'; ### 基本用法 +:::demo + ```tsx - - - - - - - - - - - - +import React from "react"; +import { Badge, Avatar } from '@nutui/nutui-react'; + +const App = () => { + return ( + <> + + + + + + + + + + + + + + ) +} +export default App; ``` +::: + ### 最大值 +:::demo + ```tsx - - - - - - -> - - +import React from "react"; +import { Badge, Avatar } from '@nutui/nutui-react'; + +const App = () => { + return ( + <> + + + + + + + + + + + ) +} +export default App; ``` +::: + ### 自定义颜色 +:::demo + ```tsx - - - - - - - - - - - - +import React from "react"; +import { Badge, Avatar } from '@nutui/nutui-react'; + +const App = () => { + return ( + <> + + + + + + + + + + + + + + ) +} +export default App; ``` +::: + ### 自定义徽标内容 +:::demo + ```tsx - - - - - - - - - +import React from "react"; +import { Badge, Avatar } from '@nutui/nutui-react'; + +const App = () => { + return ( + <> + + + + + + + + + + + ) +} +export default App; ``` +::: + ### 自定义位置 +:::demo + ```tsx - - - - - - - - - +import React from "react"; +import { Badge, Avatar } from '@nutui/nutui-react'; + +const App = () => { + return ( + <> + + + + + + + + + + + ) +} +export default App; ``` +::: + ### 独立展示 +:::demo + ```tsx - - - +import React from "react"; +import { Badge } from '@nutui/nutui-react'; + +const App = () => { + return ( + <> + + + + + ) +} +export default App; ``` +::: + ## API ### Props -- GitLab