diff options
author | eug-vs <eug-vs@keemail.me> | 2021-03-14 00:13:53 +0300 |
---|---|---|
committer | eug-vs <eug-vs@keemail.me> | 2021-03-14 00:13:53 +0300 |
commit | f5ef787ee0ed2953ab85c2f2999031986f059ef2 (patch) | |
tree | 6324286ec5f796ce9f35d0ea94014a00527dfadd /src/index.tsx | |
parent | 1b6e230df7ffd31226af1716f5e442c134ea1c38 (diff) | |
download | commercel-ui-f5ef787ee0ed2953ab85c2f2999031986f059ef2.tar.gz |
feat: add Header and Button
Diffstat (limited to 'src/index.tsx')
-rw-r--r-- | src/index.tsx | 19 |
1 files changed, 16 insertions, 3 deletions
diff --git a/src/index.tsx b/src/index.tsx index 3b08ba8..779f0d0 100644 --- a/src/index.tsx +++ b/src/index.tsx @@ -2,12 +2,25 @@ import React from 'react'; import ReactDOM from 'react-dom'; import 'tailwindcss/tailwind.css'; import Paper from './components/Paper'; +import Header from './components/Header'; +import Button from './components/Button'; +const navigation = [ + { name: 'Главная', route: '/'}, + { name: 'Товары', route: '/products'} +]; const App: React.FC = () => ( - <Paper> - Hello, world! - </Paper> + <> + <Header navigation={navigation} /> + <Paper> + <p> + Привет, мир! + <Button>Нажми меня</Button> + <Button variant="outlined">Отменить</Button> + </p> + </Paper> + </> ); ReactDOM.render( |