---
title: "Notification UI"
description: "Example implementations of update notifications using the SkewNotification component."
canonical_url: "https://nuxtseo.com/docs/skew-protection/guides/ui-examples"
last_updated: "2026-05-25T15:20:54.903Z"
---

These examples use the [`<SkewNotification>`](/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>



</skew-protection-minimal>

## Native CSS

<skew-protection-native>



</skew-protection-native>

Custom styled notification without UI library: