📝docs: fix theme api appearance typo (#91)

Co-authored-by: yanghaixiao <[email protected]>
ant-design · Aug 10, 2023 · 693d1bf · 693d1bf
1 parent 7685f45
commit 693d1bf
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/docs/guide/styled.md b/docs/guide/styled.md
@@ -28,9 +28,9 @@ const StyledButton = styled(Button)`
 `;
 
 const App = () => {
-  const [apperance] = useState('light');
+  const [appearance] = useState('light');
   return (
-    <ThemeProvider theme={{ primary: apperance === 'light' ? 'blue' : 'cyan' }}>
+    <ThemeProvider theme={{ primary: appearance === 'light' ? 'blue' : 'cyan' }}>
       <StyledButton>Click me</StyledButton>
     </ThemeProvider>
   );

diff --git a/docs/guide/switch-theme.md b/docs/guide/switch-theme.md
@@ -14,15 +14,15 @@ demo:
 
 ## 1. 亮暗色主题切换
 
-通过在容器组件 [ThemeProvider](/usage/theme-provider) 上修改 `apperance` props，即可实现主题切换，这是也是动态主题最简单的使用方式。
+通过在容器组件 [ThemeProvider](/usage/theme-provider) 上修改 `appearance` props，即可实现主题切换，这是也是动态主题最简单的使用方式。
 
 ```tsx | pure
 import { ThemeProvider } from 'antd-style';
 
 export default () => {
   return (
     // 自动变为暗色模式
-    <ThemeProvider apperance={'dark'}>
+    <ThemeProvider appearance={'dark'}>
       <App />
     </ThemeProvider>
   );