Components
Loading preview...
This component is a beautifully styled "Edit Profile" dialog box built using ShadCN UI and Tailwind CSS. It features a gradient header background, a rounded avatar image upload section, and a responsive, scrollable form layout. Users can update their full name, role, email, portfolio, and bio, with live character count feedback for the bio section. The design uses a modern radial gradient and smooth layout, ensuring a pleasant user experience across devices.
npx shadcn@latest add https://21st.dev/r/ruixen.ui/ruixen-dialogimport Dialog01 from "@/components/ui/ruixen-dialog";
const DemoOne = () => {
return <Dialog01 />;
};
export { DemoOne };