SidebarHeader

How to get SidebarHeader

import { SidebarHeader } from 'fds/components';

Type: Component

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

# Name Type Description
1. [button] 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
null
2. [subtitle] String

The subtitle will be shown under the title.


  Default value
null
3. title String

Add an title in the top left corner of the sidebar.

4. [userSelect] String

The CSS value for user-select. The possible values are:

  • 'none',

  • 'text'

Defaults to 'text'.

  Default value
"text"

Related links