npm install @raystack/apsara

import { Sidepanel } from '@raystack/apsara/v1'

export default function App() {
  return (
    <Sidepanel.Root open={true}>
      <Sidepanel.Header logo={<InfoCircledIcon />} title="Company Name" />
      <Sidepanel.Main>
        <Sidepanel.Item href="#" icon={<InfoCircledIcon />} active>Dashboard</Sidepanel.Item>
      </Sidepanel.Main>
      <Sidepanel.Footer>
        <Sidepanel.Item href="#" icon={<InfoCircledIcon />}>Help</Sidepanel.Item>
      </Sidepanel.Footer>
    </Sidepanel.Root>
  )
}