Skip to content
Snippets Groups Projects
Commit 7add972b authored by danieldeng2's avatar danieldeng2
Browse files

Organise example into atomic design

parent fec85c40
No related branches found
No related tags found
No related merge requests found
import React from 'react';
import Jumbotron from 'react-bootstrap/Jumbotron';
import Scientia from './pages/Scientia'
import Container from 'react-bootstrap/Container';
import ButtonsShowcase from './showcases/Buttons';
import ToastsShowcase from './showcases/Toasts';
const App: React.FC = () => {
return (
<Container className="p-3">
<Jumbotron>
<h1 className="header">
Welcome To React-Bootstrap TypeScript Example
</h1>
</Jumbotron>
<h2>Buttons</h2>
<ButtonsShowcase />
<h2>Toasts</h2>
<ToastsShowcase />
<Scientia/>
</Container>
);
};
......
import React from 'react';
import ButtonsShowcase from '../molecules/Buttons';
const Buttonbar: React.FC = () => {
return (
<>
<h2>Buttons</h2>
<ButtonsShowcase />
</>
);
};
export default Buttonbar;
\ No newline at end of file
import React from "react";
import ToastsShowcase from '../molecules/Toasts';
const Toastbar: React.FC = () => {
return (
<>
<h2>Toasts</h2>
<ToastsShowcase />
</>
);
};
export default Toastbar;
import React from "react";
import Jumbotron from "react-bootstrap/Jumbotron";
const Topbar: React.FC = () => {
return (
<>
<Jumbotron>
<h1 className="header">
Welcome To React-Bootstrap TypeScript Example
</h1>
</Jumbotron>
</>
);
};
export default Topbar;
import React from 'react';
import Buttonbar from '../components/organisms/Buttonbar';
import Toastbar from '../components/organisms/Toastbar';
import Topbar from '../components/organisms/Topbar';
const Scientia: React.FC = () => {
return (
<>
<Topbar />
<Buttonbar/>
<Toastbar />
</>
);
};
export default Scientia;
\ No newline at end of file
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment