ska-gui-components Logo
2.8.38

Contents:

  • Usage
  • Functionality
  • Functionality from ska-javascript-components library
  • Alert
  • AlertCard
  • Backdrop
  • Button
  • ButtonToggle
  • DataGrid
  • DataTree
  • DateEntry
  • DropDown
  • FileUpload
  • Footer
  • Header
  • IconButton
  • Icons
  • InfoCard
  • NumberEntry
  • Progress
  • TelescopeSelector
  • TextEntry
  • TickBox
  • SearchEntry
  • StatusIcon
  • Version
ska-gui-components
  • DropDown
  • View page source

DropDown

Overview

Field for selecting an option from a possible list

_images/dropDown.png
Example : Default usage
import { DropDown } from '@ska-telescope/ska-gui-components';

...

<DropDown label="DropDown Label" options={DROP_DOWN_OPTIONS} testId="testId" value={DROP_DOWN_VALUE} />

Constants

header:

“Constant”, “Values”, “Usage”

“LABEL_POSITION”, “Contained, Top, Bottom, Start, End”, “Allows for the positioning of the label”

{ label: string; value: string | number; disabled: boolean }

options

Property

Type

label

string

Test that is presented to the user

value

string | number

Value that is used when the option is selected

disabled

boolean

No

false

Indicates if the option is enabled or disabled. If missing, enabled is assumed

Testing Identifier

Provided by the property testId

Previous Next

© Copyright 2023, SKAO.

Built with Sphinx using a custom SKA theme based on a theme provided by Read the Docs. Creative Commons Licence
SKA developer documentation by SKA Observatory is licensed under a Creative Commons Attribution 4.0 International License .
Based on a work at github.com/ska-telescope/developer.skatelescope.org .

This work is inspired by the LSST developer guide © Copyright 2016-2018 Association of Universities for Research in Astronomy, licensed under a Creative Commons Attribution 4.0 International License .

This work is inspired by the Apache developer information Copyright © 2018 The Apache Software Foundation, Licensed under the Apache License, Version 2.0 .