Sidebar Header
Type: React component
How to get SidebarHeader?
JavaScript
import { SidebarHeader } from 'fds/components';
Serves as the header of the sidebar, rendering a Heading and an optional Icon and/or Button. The content of this header should describe the purpose of the sidebar in a summarized manner.
This component should be the first child of the sidebar tab.
Props
button
(Optional)
Type: React element
Should only be used, when there is only one button in the top of the sidebar. When there is more than one button, use SidebarToolbar to contain the buttons.
Default value
subtitle
(Optional)
Type: String
The subtitle will be shown under the title.
Default value
title
(Required)
Type: String
Add an title in the top left corner of the sidebar.
user
Select (Optional)
Type: String
The CSS value for user-select. The possible values are:
-
'none',
-
'text'
Defaults to 'text'.
Default value
-