Back

Activity Dropdown

Animated dropdown for activity notifications with slide-in items and badges.

Category
NotificationReact
CSS
Custom CSS

Manual

Create a file and paste the following code into it.

src/App.tsx
1
2
3
4
5
6
7
8
9
10
11
import ActivityDropdownDemo from "@/components/activity-dropdown-demo";

function App() {
  return (
    <div className="flex h-dvh w-full items-center justify-center">
      <ActivityDropdownDemo />
    </div>
  );
}

export default App;

Update the import paths to match your project setup.

Similar screens

Ripple Toast0
Notification Card0