kylefang/react
1
0
Fork 0
mirror of https://github.com/zhigang1992/react.git synced 2026-02-02 09:08:52 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix(docs): fix default svgs missing

Browse Source
This commit is contained in:
unix
2020-04-27 16:25:53 +08:00
parent 2cf5dd9572
commit d6d83846d7
4 changed files with 14 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
pages/en-us/components/input.mdx
View File

@@ -1,5 +1,5 @@
import { Layout, Playground, Attributes } from 'lib/components'
import GitIcon from 'lib/components/icons/github'
import GitIcon from '@zeit-ui/react-icons/github'
import { Input, Spacer, useInput, Button, Code, Text, Dot } from 'components'
import { useState, useEffect } from 'react'

13
pages/en-us/components/tabs.mdx
View File

@@ -1,9 +1,8 @@
import { Layout, Playground, Attributes } from 'lib/components'
import { Tabs, Spacer, Link, Text, Button, Code, useTabs } from 'components'
import { useState } from 'react'
import GithubIcon from 'lib/components/icons/github'
import ZeitIcon from 'lib/components/icons/zeit'
import ReactIcon from 'lib/components/icons/react'
import TwitterIcon from '@zeit-ui/react-icons/twitter'
import TwitchIcon from '@zeit-ui/react-icons/twitch'
export const meta = {
title: 'tabs',
@@ -37,14 +36,14 @@ Display tab content.
<Playground
title="With Icon"
desc="Show icon component on label button."
scope={{ Tabs, ReactIcon, ZeitIcon, Link, Text }}
scope={{ Tabs, TwitchIcon, TwitterIcon, Link, Text }}
code={`
<Tabs initialValue="1">
<Tabs.Item label={<><ZeitIcon /> ZEIT UI</>} value="1">
<Text>Hello, this is the unofficial ZEIT UI Library.</Text>
<Tabs.Item label={<><TwitchIcon /> Twitch TV</>} value="1">
<Text>Hello, this is our live broadcast on Twitch.</Text>
<Link href="https://github.com/zeit-ui/react" color rel="nofollow" target="_blank">Click here to visit GitHub repo.</Link>
</Tabs.Item>
<Tabs.Item label={<><ReactIcon/> React Components </>} value="2">
<Tabs.Item label={<><TwitterIcon/> Twitter </>} value="2">
<Text>The Components of React looks very cool.</Text>
</Tabs.Item>
</Tabs>

2
pages/zh-cn/components/input.mdx
View File

@@ -1,5 +1,5 @@
import { Layout, Playground, Attributes } from 'lib/components'
import GitIcon from 'lib/components/icons/github'
import GitIcon from '@zeit-ui/react-icons/github'
import { Input, Spacer, useInput, Button, Code, Text, Dot } from 'components'
import { useState, useEffect } from 'react'

13
pages/zh-cn/components/tabs.mdx
View File

@@ -1,9 +1,8 @@
import { Layout, Playground, Attributes } from 'lib/components'
import { Tabs, Spacer, Link, Text, Button, Code, useTabs } from 'components'
import { useState } from 'react'
import GithubIcon from 'lib/components/icons/github'
import ZeitIcon from 'lib/components/icons/zeit'
import ReactIcon from 'lib/components/icons/react'
import TwitterIcon from '@zeit-ui/react-icons/twitter'
import TwitchIcon from '@zeit-ui/react-icons/twitch'
export const meta = {
title: '选项卡 Tabs',
@@ -37,14 +36,14 @@ export const meta = {
<Playground
title="图标"
desc="在选项卡的标签上显示图标组件。"
scope={{ Tabs, ReactIcon, ZeitIcon, Link, Text }}
scope={{ Tabs, TwitterIcon, TwitchIcon, Link, Text }}
code={`
<Tabs initialValue="1">
<Tabs.Item label={<><ZeitIcon /> ZEIT UI</>} value="1">
<Text>你好，这是非官方的 ZEIT UI 库。</Text>
<Tabs.Item label={<><TwitchIcon /> Twitch TV</>} value="1">
<Text>你好，这是我们在 Twitch 的最新直播。</Text>
<Link href="https://github.com/zeit-ui/react" pure color rel="nofollow" target="_blank">点击这里浏览 GitHub 项目</Link>
</Tabs.Item>
<Tabs.Item label={<><ReactIcon/> React Components </>} value="2">
<Tabs.Item label={<><TwitterIcon /> Twitter </>} value="2">
<Text>这个组件看起来还不错。</Text>
</Tabs.Item>
</Tabs>