Sidebar

Sidebar Component

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

Sidebar Props

prop	default	type	description
type	light	string	sidebar style type (eg: light,dark)
data	none	object	sidebar data object

Sidebar data Props

prop	default	type	description
top	none	string	sidebar top component
center	none	string	sidebar center component
bottom	none	string	sidebar bottom component