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

docs: fix color of codes

Browse Source
This commit is contained in:
unix
2020-03-21 01:05:15 +08:00
parent bbbb1162e7
commit eaa945a9fc
2 changed files with 10 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
pages/_app.tsx
View File

@@ -56,7 +56,11 @@ const Application: NextPage<AppProps> = ({ Component, pageProps }) => {
color: ${theme.palette.accents_4};
}
span[class*="class-name"] {
span.class-name {
color: ${theme.palette.warning};
}
span.maybe-class-name {
color: ${theme.palette.purple};
}

10
pages/docs/getting-started/installation.mdx
View File

@@ -23,13 +23,13 @@ and also need a package manager of NodeJS: <Link href="https://www.npmjs.com/">N
2. Import `@zeit-ui/react` to your React project:
```jsx
import { CSSBaseline, ZEITUIProvider, useTheme } from '@zeit-ui/react'
import { ZEITUIProvider, CSSBaseline } from '@zeit-ui/react'
const Application = () => {
return (
<ZEITUIProvider> // ---> Base provider
<CSSBaseline /> // ---> normalize styles
<Component /> // ---> Your App Component
<AppComponent /> // ---> Your App Component
</ZEITUIProvider>
)
}
@@ -40,7 +40,7 @@ const Application = () => {
```jsx
import { Button } from '@zeit-ui/react'
const MyComponent = () => <Button>click me</Button>
const MyComponent = () => <Button>Click Me</Button>
```
<Spacer y={3} />
@@ -49,10 +49,10 @@ const MyComponent = () => <Button>click me</Button>
`@zeit-ui/react` supports import components when you actually need. e.g.:
```js
```jsx
import { Button } from '@zeit-ui/react/components/button'
const MyComponent = () => <Button>click me</Button>
const MyComponent = () => <Button>Click Me</Button>
```
export default ({ children }) => <Layout meta={meta}>{children}</Layout>