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

docs(icons): use tabs for installing script

Browse Source
This commit is contained in:
Ofek Ashery
2020-05-01 19:19:54 +03:00
committed by unix
parent f929e8cd87
commit b37c98e4de
2 changed files with 20 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
lib/components/displays/icons.tsx
View File

@@ -1,8 +1,9 @@
import React from 'react'
import { Card, Input, Text, useInput } from 'components'
import { Card, Input, Text, useInput, useTheme } from 'components'
import * as Icon from '@zeit-ui/react-icons'
const Icons: React.FC = () => {
const theme = useTheme()
const { state: query, bindings } = useInput('')
const icons = Object.entries(Icon).filter(
([name]) => !query || name.toLowerCase().includes(query.toLowerCase())
@@ -51,6 +52,11 @@ const Icons: React.FC = () => {
min-width: 0px;
height: 100px;
}
@media only screen and (max-width: ${theme.layout.breakpointMobile}) {
.icon-item {
flex-basis: 33%;
}
}
`}</style>
</>
)