1771 Technologies Logo

Components

PivotPillsProps<T>

The properties for the Pivot Pills component of Graphite Grid.

Type parameters

Type parameterDescription
TThe type of data being managed by the Graphite Grid.

Properties

  • Name
    className?
    Type
    string
    Description

    The CSS class to apply to the Pivot Pills container.

  • Name
    contentRenderer?
    Type
    (props: object) => ReactNode
    Description

    Custom renderer for the content of each pivot pill.

  • Name
    deleteIcon?
    Type
    () => ReactNode
    Description

    The icon to display for deleting a pivot pill.

  • Name
    dragIcon?
    Type
    () => ReactNode
    Description

    The icon to display for dragging a pivot pill.

  • Name
    dragPlaceholder?
    Type
    (props: object) => ReactNode
    Description

    Custom renderer for the drag placeholder that appears when a pivot pill is being dragged.

  • Name
    orientation?
    Type
    "horizontal" | "vertical"
    Description

    The orientation of the pivot pills, either vertical or horizontal.

    Defaults to horizontal if not specified.

  • Name
    pillClassName?
    Type
    string
    Description

    The CSS class to apply to individual pivot pills.

  • Name
    pillStyle?
    Type
    CSSProperties
    Description

    The CSS styles to apply to individual pivot pills.

  • Name
    pivotModelToChange
    Type
    "row" | "column"
    Description

    Specifies whether the pivot model to change is for rows or columns.

  • Name
    state
    Type
    GraphiteGridState<T>
    Description

    The state of the Graphite Grid that the Pivot Pills should operate on.

  • Name
    style?
    Type
    CSSProperties
    Description

    The CSS styles to apply to the Pivot Pills container.