BreadcrumbItemButton

Type: React component

How to get BreadcrumbItemButton?

JavaScript

import { BreadcrumbItemButton } from 'fds/components';

A button to be used as a breadcrumb item inside Breadcrumbs#renderBreadcrumbItem.

Props

  1. hasDrop

    (Optional)

    Type: Boolean

    Whether or not this item should render a separate toggle Drop button.

    Default value

  2. label

    (Required)

    Type: String

    The human readable label displayed in the component.

  3. isDisabled

    (Optional)

    Type: Boolean

    Whether or not the component should be rendered in a disabled state.

    Default value

  4. isDropOpened

    (Optional)

    Type: Boolean

    Whether or not the Drop corresponding to the component is opened.

    Default value

  5. isFirstItem

    (Optional)

    Type: Boolean

    Whether or not this is the first item in the specified set of items.

    Default value

  6. isLastItem

    (Optional)

    Type: Boolean

    Whether or not this is the last item in the specified set of items.

    Default value

  7. isSelected

    (Optional)

    Type: Boolean

    Whether or not the component should be rendered in a selected state.

    Default value

  8. onClick

    (Optional)

    Type: Function

    A callback that is called whenever the component is clicked and is not in a disabled state.

    For more information about React and "events", check the React documentation

    Arguments

    Default value

  9. onMouseEnter

    (Optional)

    Type: Function

    A callback that is called whenever the pointer is moved over the component. This callback is only fired when the pointer enters the component.

    For more information about React and "events", check the React documentation

    Arguments

    Default value

  10. onMouseLeave

    (Optional)

    Type: Function

    A callback that is called whenever the pointer is moved off the component. This callback is only fired when the pointer leaves the component.

    For more information about React and "events", check the React documentation

    Arguments

    Default value

  11. onRef

    (Optional)

    Type: Function

    A callback that is called whenever a component's ref changes.

    Use this callback to get a ref to (the domNode of) a component. There shouldn't be many usecases for using this prop yourself, but you might have to implement it with a given argument from a render callback somewhere.

    For more information about React and "refs", check the React documentation

    Arguments

    Returns

    Default value

  12. toggleDrop

    (Optional)

    Type: Function

    A function that can be called to toggle the Drop that corresponds to the component.

    Default value