This component no longer exists. It was in Originui Vue’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.
extended-16
originui-vue/extended-16RemovedComponent
Originui Vue publishes no description for this item.
Install it
npx shadcn@latest add https://originui-vue.com/r/extended-16.jsonSource
1<script setup lang="ts">2import { Card, CardContent } from "@/registry/default/ui/card";3import { LucideCheckCircle } from "lucide-vue-next";4</script>56<template>7 <Card class="ring-border/40 ring-4">8 <CardContent class="flex flex-col gap-4">9 <div class="flex flex-col items-center gap-2 text-center">10 <div class="bg-muted/50 flex size-12 items-center justify-center rounded-md">11 <LucideCheckCircle class="text-green-500" />12 </div>13 <CardTitle class="text-xl font-semibold">Import Succesful</CardTitle>14 <CardDescription>Success! Data from sample.xlsx was imported successfully.</CardDescription>15 </div>16 <div class="bg-muted flex flex-wrap gap-3 rounded-md p-3">17 <div class="flex flex-1 flex-col">18 <span class="text-muted-foreground text-sm font-medium whitespace-nowrap">19 No. of imported rows:20 </span>21 <span class="text-base font-semibold whitespace-nowrap">231</span>22 </div>23 <div class="flex flex-1 flex-col">24 <span class="text-muted-foreground text-sm font-medium whitespace-nowrap">25 Conflicts found:26 </span>27 <div class="text-sm font-medium whitespace-nowrap">28 <span class="text-destructive-foreground">O errors</span>29 <span>, </span>30 <span class="text-yellow-600 dark:text-yellow-500">2 warning</span>31 </div>32 </div>33 </div>34 </CardContent>35 </Card>36</template>
