Skip to content
Snippets Groups Projects
Commit fba845bb authored by astumpff2's avatar astumpff2
Browse files

Added custom component to app and created element properties

parent dfa578a4
Branches
No related tags found
No related merge requests found
import React from 'react';
import { Route } from 'react-router-dom';
import { Maze } from './features/invisibleMaze/invisibleMaze.js';
import { InvisibleMaze } from './features/invisibleMaze/invisibleMaze.js';
export function App() {
return (
<>
<Route exact path={'/'}>
<InvisibleMaze/>
</Route>
</>
);
......
import React from 'react';
import { useSelector, useDispatch } from 'react-redux';
import PropTypes from 'prop-types';
import styles from './invisibleMaze.module.css';
export function InvisibleMaze() {
return (
<main>
<label>
<button>
<button className={styles.panel}>
</button>
<button>
<button className={styles.panel}>
</button>
<button>
<button className={styles.panel}>
</button>
<button>
<button className={styles.panel}>
</button>
<button>
<button className={styles.panel}>
</button>
<button>
<button className={styles.panel}>
</button>
<button>
<button className={styles.panel}>
</button>
<button>
<button className={styles.panel}>
</button>
<button>
<button className={styles.panel}>
</button>
<button>
<button className={styles.create}>
{"Create Maze"}
</button>
<button>
<button className={styles.reset}>
</button>
<button>
<button className={styles.play}>
</button>
</label>
</main>
......
.panel {
width: 50px;
height: 50px;
}
.create {
width: 50px;
height: 50px;
}
.reset {
width: 50px;
height: 50px;
}
.play {
width: 50px;
height: 50px;
}
.maze {
width: 50px;
height: 50px;
}
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment