Type: React component

How to get SidebarHeader?


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.


  1. button


    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

  2. subtitle


    Type: String

    The subtitle will be shown under the title.

    Default value

  3. title


    Type: String

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

  4. userSelect


    Type: String

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

    • 'none',

    • 'text'

    Defaults to 'text'.

    Default value