Top bar and content layout

Installation

Step 1: Install Tailwind and the Buckets UI theme.

Step 2: Install the required libraries for this example.

npm install @radix-ui/react-collapsible @radix-ui/react-dialog @radix-ui/react-dropdown-menu @radix-ui/react-tooltip tailwind-merge

Step 3: Open the code panel, download the code, and add it to your project’s root. Update import paths if your folder structure differs.

That's it! 🚀 You're all set.

Try the Select tool to extract only the part of the example you actually need.

Need help or see a bug? Contact our support team at [email protected].