MDK Logo
ReferenceUI KitReactUI Kit foundationComponentsWidgets

ContainerSelectionDialog

Modal that lists containers and lets the operator pick one or many for a follow-up action.

Modal that lists containers and lets the operator pick one or many for a follow-up action.

import { ContainerSelectionDialog } from "@tetherto/mdk-react-devkit";
PropStatusTypeDefaultDescription
minerOptionalDevice | undefined
containersOptionalDevice[] | undefined
isLoadingOptionalboolean | undefined
openRequiredboolean
onCloseRequired(value?: boolean | undefined) => void

Usage

Modal step that lists containers for the operator to choose from as part of a position-change or batch-action flow.

Example

import { useState } from 'react'import { ContainerSelectionDialog } from '@tetherto/mdk-react-devkit'export const ContainerSelectionDialogExample = () => {  const [open, setOpen] = useState(false)  return (    <div className="mdk-example-row">      <button onClick={() => setOpen(true)}>Open Container Selection</button>      <ContainerSelectionDialog        open={open}        onClose={() => setOpen(false)}        containers={[]}        isLoading={false}      />    </div>  )}