hextastudio/ui needs your support to stay running 🫶 Help us
Settings Section
A settings section with notification settings and members section.
Preview
Notifications
Push Notifications
Push notifications
Get push notifications to get notified about latest events. You can turn them off anytime.Email Notifications
New notifications
Direct Messages
Weekly performance stats
Installation
tsx
import { useState } from "react";
import { FaBell } from "react-icons/fa";
const NotificationSettings = () => {
const [pushNotifications, setPushNotifications] = useState(false);
const [emailNotifications, setEmailNotifications] = useState(false);
const [directMessages, setDirectMessages] = useState(false);
const [weeklyPerformanceStats, setWeeklyPerformanceStats] = useState(false);
return (Preview
Members
Invite your team members to collaborate.
John Deep
[email protected]Doba John
[email protected]Jethalal Gada
[email protected]Ramesuresh Debo
[email protected]Installation
tsx
import { useState } from "react";
import { FaUser } from "react-icons/fa";
import { BsThreeDotsVertical } from "react-icons/bs";
const MembersSection = () => {
const [menuOpen0, setMenuOpen0] = useState(false);
const [menuOpen1, setMenuOpen1] = useState(false);
const [menuOpen2, setMenuOpen2] = useState(false);
const [menuOpen3, setMenuOpen3] = useState(false);