---
title: "Notification UI"
description: "Build update notifications with the SkewNotification component."
canonical_url: "https://nuxtseo.com/docs/skew-protection/guides/ui-examples"
last_updated: "2026-09-24T04:30:18.573Z"
---

These examples use the [`<SkewNotification>`{lang="html"}](/docs/skew-protection/api/skew-notification) component. See the [API reference](/docs/skew-protection/api/skew-notification) for all available slot props.

## Minimal Pill

Compact notification using Nuxt UI.

::skew-protection-minimal
::

## Native CSS

A notification styled with CSS, without a UI library.

::skew-protection-native
::

## Sitemap

See the full [sitemap](/sitemap.md) for all pages.