NotFound

We can use the UniNotFound component on the 404 page, which will be displayed when users visit a page that does not exist.

View Source

<script setup lang="ts">
import { UniNotFound } from "unify-ui";
</script>

<template>
  <div class="container">
    <div>
      <UniNotFound></UniNotFound>
    </div>

    <div>
      <UniNotFound align="right"></UniNotFound>
    </div>

    <div>
      <UniNotFound align="left"></UniNotFound>
    </div>
  </div>
</template>

<style lang="scss" scoped>
.container {
  display: grid;
  grid-template-rows: repeat(3, 200px);
  gap: 20px;
}
</style>

API

Property

withDefaults(
  defineProps<{
    align?: "left" | "center" | "right";
  }>(),
  {
    align: "center",
  }
);