Components
Loading preview...
The ActionToolbar component is a clean and functional UI element designed to provide users with easy access to common actions. Featuring a simple layout with plain background colors, clear spacing between icons and labels, and smooth hover effects, it ensures both clarity and usability. Each button in the toolbar includes an icon paired with descriptive text, improving recognition and accessibility for users. This component is ideal for dashboards, control panels, and productivity tools where quick access to key functions is essential. Its minimalist design keeps the interface organized, professional, and visually balanced across different screen sizes.
npx shadcn@latest add https://21st.dev/r/ruixen.ui/user-context-menuimport UserContextMenu from "@/components/ui/user-context-menu";
export default function UserContextMenuDemo() {
return (
<div className="flex items-center justify-center">
<div className="text-center">
<UserContextMenu />
<p className="text-muted-foreground mt-8">
Right-click the card below to explore user options.
</p>
</div>
</div>
);
}