diff options
Diffstat (limited to 'packages/anastasis-webui/src/components/header/index.tsx')
-rw-r--r-- | packages/anastasis-webui/src/components/header/index.tsx | 24 |
1 files changed, 24 insertions, 0 deletions
diff --git a/packages/anastasis-webui/src/components/header/index.tsx b/packages/anastasis-webui/src/components/header/index.tsx new file mode 100644 index 000000000..f2b6fe8ad --- /dev/null +++ b/packages/anastasis-webui/src/components/header/index.tsx @@ -0,0 +1,24 @@ +import { FunctionalComponent, h } from 'preact'; +import { Link } from 'preact-router/match'; +import style from './style.css'; + +const Header: FunctionalComponent = () => { + return ( + <header class={style.header}> + <h1>Preact App</h1> + <nav> + <Link activeClassName={style.active} href="/"> + Home + </Link> + <Link activeClassName={style.active} href="/profile"> + Me + </Link> + <Link activeClassName={style.active} href="/profile/john"> + John + </Link> + </nav> + </header> + ); +}; + +export default Header; |