Navigation & Chrome

SidebarFooter

Place persistent supporting content in the footer of a Sidebar.

SidebarFooter places persistent supporting content after the navigation inside a Sidebar.

Import

TSX

import { SidebarFooter } from "@solarius/onset";

SidebarFooterProps props

Prop	Type	Default	Description
`usageLabel`	`ReactNode`	—	Label for the usage meter, e.g. 'Storage'.
`usageValue`	`ReactNode`	—	Value for the usage meter, e.g. '4.2 / 10 GB'.
`usagePercent`	`number`	—	Fill percentage for the usage Meter, 0–100.
`links`	`ReactNode[]`	—	Array of link elements rendered below the meter.
`userInitials`	`string`	—	Initials for the user Avatar.
`userName`	`string`	—	Display name of the current user.
`userEmail`	`string`	—	Email of the current user.
`onUserMenu`	`() => void`	—	Click handler for the user menu kebab button.

SidebarFooter