GridItem

Type: React component

How to get GridItem?

JavaScript

import { GridItem } from 'fds/components';

A type of list item that's rendered in a uniformly sized matter. Should generally be rendered by either a Grid or VirtualGrid component.

Props

  1. children

    (Optional)

    Type: ReactNode

    Default value

  2. cursor

    (Optional)

    Type: String

    The cursor to use if the mouse is hovered over the component.

    Related links

    Default value

  3. isDisabled

    (Optional)

    Type: Boolean

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

    Default value

  4. isSelected

    (Optional)

    Type: Boolean

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

    Default value

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

  6. onDoubleClick

    (Optional)

    Type: Function

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

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

    Arguments

    Default value

  7. size

    (Optional)

    Type: String

    The size of GridItem to render.

    • 'xs'

    • 's'

    • 'm'

    • 'l'

    Default value

  8. tooltipContent

    (Optional)

    Type: String | ReactElement

    The content of the tooltip that is displayed when hovering over the whole component.

    • string: the textual content of the tooltip

    • ReactElement: a React Element (instance of a React Component, usually created with JSX)

    Default value

  9. type

    (Optional)

    Type: String

    The type of GridItem to render.

    • 'default' The grid items will have default styling

    • 'unicode-symbol' Should be used if the grid item is filled with an UnicodeSymbol

    Default value