@talixo-ds/sidebar

Installation

npm install @talixo-ds/sidebar

Importing

import { Sidebar } from "@talixo-ds/sidebar";

Usage

<Sidebar
	items={[
		{ label: "Dashboard", icon: "ArrowBack", onClick: () => {} },
		{ label: "QA Tickets", icon: "LiveHelp", onClick: () => {} },
		{
			label: "Pickup Instructions",
			icon: "Map",
			onClick: () => {},
			active: true
		},
		{ label: "Refunds", icon: "LocalAtm", onClick: () => {} },
		{ label: "Ops TV", icon: "LiveTv", onClick: () => {} },
		{ label: "Rain", customIconPath: rain, onClick: () => {} },
		{ label: "Magnify", customIconPath: magnify, onClick: () => {} }
	]}
	collapsedOnDefault={true}
	onToggle={() => {}}
	className="sidebar"
	data-testid="sidebar"
/>