SidebarHeader

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

  1. 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

  2. subtitle

    (Optional)

    Type: String

    The subtitle will be shown under the title.

    Default value

  3. title

    (Required)

    Type: String

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

  4. userSelect

    (Optional)

    Type: String

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

    • 'none',

    • 'text'

    Defaults to 'text'.

    Default value