Tile component for displaying a list of items in a virtual view.

  • Type Parameters

    • Data extends unknown = any

      The type of data in each tile item.

    • Payload = any

      The type of additional payload data.

    Parameters

    • props: ITileProps<Data, Payload>

      The props for the Tile component.

      Represents the properties required for the ITile component.

      • OptionalbufferSize?: number
      • children: ComponentType<ITile<Data, Payload>>
      • OptionalclassName?: string
      • data: Data[]
      • OptionalerrorMessage?: null | string
      • OptionalhasMore?: boolean
      • OptionalheaderLabel?: string
      • OptionalitemSx?: any
      • Optionalloading?: boolean
      • OptionalminRowHeight?: number
      • Optionalmode?: TileMode
      • OptionalnoDataLabel?: string
      • OptionalonButtonSkip?: () => void
      • OptionalonItemClick?: (
            item: {
                data: Data;
                isSelected: boolean;
                payload: Payload;
                toggleSelection: () => void;
            },
        ) => void
      • OptionalonSelectedRows?: (rowIds: string[], initialChange: boolean) => void
      • OptionalonSkip?: (initial: boolean) => void
      • Optionalpayload?: Payload | () => Payload
      • OptionalrecomputeSubject?: TSubject<void>
      • OptionalrowColor?: (row: Data) => string | (row: Data) => Promise<string>
      • OptionalrowKey?: string | number | symbol
      • OptionalrowMark?: (row: Data) => string | (row: Data) => Promise<string>
      • OptionalscrollXSubject?: TSubject<number>
      • OptionalscrollYSubject?: TSubject<number>
      • OptionalselectedRows?: string[]
      • OptionalselectionMode?: SelectionMode
      • Optionalstyle?: any
      • Optionalsx?: any
      • OptionalwithHeader?: boolean

    Returns Element

    The Tile component.