---
title: "Notification UI · Nuxt Skew Protection · Nuxt SEO"
canonical_url: "https://nuxtseo.com/docs/skew-protection/guides/ui-examples"
last_updated: "2026-08-14T21:06:01.004Z"
meta:
  description: "Example implementations of update notifications using the SkewNotification component."
  "og:description": "Example implementations of update notifications using the SkewNotification component."
  "og:title": "Notification UI · Nuxt Skew Protection · Nuxt SEO"
---

Nuxt SEO on GitHub

Switch to Skew ProtectionSwitch to Nuxt SEOSwitch to RobotsSwitch to SitemapSwitch to OG ImageSwitch to Schema.orgSwitch to Link CheckerSwitch to SEO UtilsSwitch to Site ConfigSwitch to AI Ready

**Core Concepts**

# **Notification UI**

These examples use the [`**<SkewNotification>**`](https://nuxtseo.com/docs/skew-protection/api/skew-notification) component. See the [**~~API reference~~**](https://nuxtseo.com/docs/skew-protection/api/skew-notification) for all available slot props.

## Minimal Pill

Compact notification using Nuxt UI.

✨

**Update available **

## Native CSS

Custom styled notification without UI library.

✨

New update available!

**Was this page helpful?**

### **Related **

[**Cookie Consent**](https://nuxtseo.com/docs/skew-protection/guides/cookie-consent)

[**\<SkewNotification>**](https://nuxtseo.com/docs/skew-protection/api/skew-notification)

[**Persistent Storage** Configure persistent storage for build assets across deployments.](https://nuxtseo.com/docs/skew-protection/guides/storage-configuration) [**Cookie Consent** Information about cookie consent requirements for using Nuxt Skew Protection.](https://nuxtseo.com/docs/skew-protection/guides/cookie-consent)