Added navbar component
This commit is contained in:
parent
d8d8119dd1
commit
8b1654fc16
2 changed files with 25 additions and 0 deletions
7
fwt/components/Navbar/Navbar.sass
Normal file
7
fwt/components/Navbar/Navbar.sass
Normal file
|
|
@ -0,0 +1,7 @@
|
||||||
|
.nav
|
||||||
|
position: fixed
|
||||||
|
top: 0
|
||||||
|
width: 100%
|
||||||
|
padding: 1rem 0
|
||||||
|
// margin: 5rem
|
||||||
|
|
||||||
18
fwt/components/Navbar/Navbar.tsx
Normal file
18
fwt/components/Navbar/Navbar.tsx
Normal file
|
|
@ -0,0 +1,18 @@
|
||||||
|
import './Navbar.sass'
|
||||||
|
import { Show } from 'solid-js'
|
||||||
|
import Row from '../Row/Row'
|
||||||
|
|
||||||
|
interface Props {
|
||||||
|
transparent?: boolean
|
||||||
|
children: any
|
||||||
|
}
|
||||||
|
|
||||||
|
export default (props: Props) => {
|
||||||
|
return (
|
||||||
|
<>
|
||||||
|
<nav class="nav" role="navigation" aria-label="main navigation">
|
||||||
|
<Row content="split">{props.children}</Row>
|
||||||
|
</nav>
|
||||||
|
</>
|
||||||
|
)
|
||||||
|
}
|
||||||
Loading…
Add table
Add a link
Reference in a new issue