Skip to main content

Sidebar

Use the sidebar component by giving components to the top, bottom, center sections separately.

TOP AREA
CENTER AREA
BOTTOM AREA

Example Usage

import { SideBar } from "react-chat-elements"

const SidebarData = {
top: "About Me",
center: "Chat List",
bottom: "Detaysoft",
}

<SideBar type="light" data={SidebarData} />
<br />
<SideBar type="dark" data={SidebarData} />

Result

About Me
Chat List
Detaysoft

About Me
Chat List
Detaysoft
propdefaulttypedescription
typelightstringsidebar style type (eg: light,dark)
datanoneobjectsidebar data object
propdefaulttypedescription
topnonestringsidebar top component
centernonestringsidebar center component
bottomnonestringsidebar bottom component