Components
Decor Icon
A small decorative plus-shaped icon that positions itself at the corners of a bordered container.
import { DecorIcon } from "@/components/ui/decor-icon";
export default function DecorIconDemo() {
return (
<div className="flex min-h-64 items-center justify-center p-10">
<div className="relative flex h-40 w-64 items-center justify-center border border-border text-sm text-muted-foreground">
Decorated container
<DecorIcon position="top-left" />
<DecorIcon position="top-right" />
<DecorIcon position="bottom-right" />
<DecorIcon position="bottom-left" />
</div>
</div>
);
}