Empty
Basic Usage
Shows empty states with default content, custom icons, actions, and plain or nmorph surfaces.
No projects
Create a project to start filling this workspace.
No search results
Try a different query or clear active filters.
<script setup lang="ts">
import {
NmorphButton,
NmorphEmpty,
NmorphIcon,
NmorphIconSearch,
} from "@nmorph/nmorph-ui-kit";
</script><template>
<div class="empty-basic-usage-overview">
<NmorphEmpty
title="No projects"
description="Create a project to start filling this workspace."
>
<template #action>
<NmorphButton text="Create project" thickness="thin" />
</template><template #icon>
<NmorphIcon
width="40px"
height="40px"
color="var(--nmorph-semi-contrast-text-color)"
>
<NmorphIconSearch />
</NmorphIcon>
</template>