Installation

pnpm dlx viora-ui@latest add profile-dropdown

npx viora-ui@latest add profile-dropdown

yarn viora-ui@latest add profile-dropdown

bunx --bun viora-ui@latest add profile-dropdown

Usage

import { ProfileDropdown } from "viora-ui";

import { ProfileDropdown } from "viora-ui";

export default function ProfileDropdownDemo() {
  return (
    <div className="flex min-h-[350px] w-full items-center justify-center p-6">
      <ProfileDropdown />
    </div>
  );
}

API Reference

Profile

Prop	Type	Default	Description
name	string	-	Configuration for name.
email	string	-	Configuration for email.
avatar	string	-	Configuration for avatar.
subscription?	string	-	Configuration for subscription.
model?	string	-	Configuration for model.

MenuItem

Prop	Type	Default	Description
label	string	-	Configuration for label.
value?	string	-	Configuration for value.
href	string	-	Configuration for href.
icon	React.ReactNode	-	Configuration for icon.
external?	boolean	false	Configuration for external.

ProfileDropdown

Prop	Type	Default	Description
data?	Profile	-	List of data to render.
showTopbar?	boolean	false	Configuration for showTopbar.

Built by Otis

Last updated: 10/12/2026

Profile Dropdown