mirror of
https://github.com/react95-io/React95.git
synced 2026-01-15 01:18:16 -05:00
a1b7662fae
* Move each mdx file to respective component folder (colocation ftw) * Fix some style prop-types in order to fix docz build * Move docz to the root folder instead of having a separated project folder
36 lines
740 B
Plaintext
36 lines
740 B
Plaintext
---
|
|
name: Usage
|
|
menu: Getting Started
|
|
route: /usage
|
|
---
|
|
|
|
## Usage
|
|
|
|
Apply style reset, wrap your app content with ThemeProvider with theme of your choice... and you are ready to go! 🚀
|
|
|
|
```jsx
|
|
import React from 'react';
|
|
import { createGlobalStyle, ThemeProvider } from 'styled-components';
|
|
import { reset, themes, List, ListItem, Divider } from 'react95';
|
|
|
|
const ResetStyles = createGlobalStyle`
|
|
${reset}
|
|
`;
|
|
|
|
const App = () => (
|
|
<div>
|
|
<ResetStyles />
|
|
<ThemeProvider theme={themes.default}>
|
|
<List>
|
|
<ListItem>🎤 Sing</ListItem>
|
|
<ListItem>💃🏻 Dance</ListItem>
|
|
<Divider />
|
|
<ListItem disabled>😴 Sleep</ListItem>
|
|
</List>
|
|
</ThemeProvider>
|
|
</div>
|
|
);
|
|
|
|
export default App;
|
|
```
|