quickshell-web/src/components/MD_Title.tsx
outfoxxed c9db5773d3
adjust sizes and paddings
- icons in sidebar / content listing
- copy buttons
- nav spacing
- headings
- code blocks
2024-10-16 21:05:29 -07:00

30 lines
604 B
TypeScript

import {
type ParentComponent,
onMount,
createSignal,
onCleanup,
} from "solid-js";
import { Hashtag } from "@icons";
const MD_Title: ParentComponent<{ titleVar: number }> = props => {
const [_, setMounted] = createSignal<boolean>(false);
onMount(() => {
setMounted(true);
onCleanup(() => {
setMounted(false);
});
});
return (
<div class={`heading heading-${props.titleVar}`}>
<span class="heading-hashtag">
<Hashtag />
</span>
<span class="heading-text">{props.children}</span>
<hr />
</div>
);
};
export default MD_Title;