This component no longer exists. It was in ak-ui’s manifest when we first indexed it and is not there now — the registry served its inventory on 2026-08-06 and this item was not on it. The install command below will fail. It is kept here because a tutorial somewhere still tells people to run it.
AK Notice
ak-ui/noticeRemovedComponent
Tactical information, warning, danger, and success notices with semantic live roles.
Install it
npx shadcn@latest add https://ak-ui.yunyoujun.cn/r/notice.jsonSource
1<script setup lang="ts">2import { computed } from 'vue'3import type { AkNoticeVariant } from './types'45import '@yunyoujun/ak-ui'67const props = withDefaults(defineProps<{8 code?: string9 role?: 'alert' | 'status'10 title?: string11 variant?: AkNoticeVariant12}>(), {13 code: 'RI / INFO',14 role: undefined,15 title: '',16 variant: 'info',17})1819const semanticRole = computed(() => props.role ?? (props.variant === 'danger' ? 'alert' : 'status'))20</script>2122<template>23 <aside24 class="ak-notice"25 data-slot="ak-notice"26 :class="variant !== 'info' && `ak-notice--${variant}`"27 :data-variant="variant"28 :role="semanticRole"29 >30 <span class="ak-notice__code"><slot name="code">{{ code }}</slot></span>31 <div class="ak-notice__body">32 <strong class="ak-notice__title"><slot name="title">{{ title }}</slot></strong>33 <p class="ak-notice__message"><slot /></p>34 </div>35 </aside>36</template>
What it pulls in
npm packages
