Layout
Basic usage
Stretches header, aside, main, and footer areas across the example card.
Header
Main content
<script setup lang="ts">
import { NmorphCard, NmorphLayout } from "@nmorph/nmorph-ui-kit";
</script><template>
<NmorphLayout class="layout-basic-usage-overview" gap="12px" aside-width="120px">
<template #header>
<NmorphCard :paper="3">Header</NmorphCard>
</template><template #aside>
<NmorphCard :paper="3">Aside</NmorphCard>
</template><template #footer>
<NmorphCard :paper="3">Footer</NmorphCard>
</template>