Update documentation & add changeset

Signed-off-by: Philipp Hugenroth <philipph@spotify.com>
2021-08-20 11:00:21 +02:00
parent 746af79164
commit 65e1a35c0f
6 changed files with 100 additions and 68 deletions
@@ -90,3 +90,20 @@ extension to `.icon.svg`. For example:
 ```ts
 import InternalToolIcon from './internal-tool.icon.svg';
 ```
+
+On mobile devices the `Sidebar` is displayed at the bottom of the screen. For
+customizing the experience you can group `SidebarItems` in a `SidebarGroup` or
+create a `SidebarGroup` with a link. All `SidebarGroups` are displayed in the
+bottom navigation with an icon.
+
+```ts
+// ... inside the AppSidebar component
+<SidebarGroup icon={<MenuIcon />} label="Menu">
+  ...
+  <SidebarItem icon={ExtensionIcon} to="api-docs" text="APIs" />
+  ...
+<SidebarGroup />
+```
+
+If no `SidebarGroup`is provided a default menu will display the `Sidebar`
+content.