Selector

JSON Example

Props

Name	Type	Default Value	Required	Description
data	object[]		yes	The indicator's data source. Both single and multiple data(s) are valid
withEmptyItem	boolean	true	no	if true, the first item must be an empty item, defaults to true
labelForEmpty	string	''	no	the default empty label, defaults to ''

Usage Example

Viz Props

import React from 'react'

import { Viz } from 'a10-gui-dgp-viz'

const { Selector } = Viz
export const MyDashboard = () => {
  return (
    <Selector
      data={{...}}
      withEmptyItem={true}
      labelForEmpty=""
    />
  )
}

Props Interface

interface ISelectProps extends IBasicVizProps {
  data: IObject[] // TBD
  withEmptyItem?: boolean // if true, the first item must be an empty item, defaults to true 
  labelForEmpty?: string  // the default empty label, defaults to ''
}

UI JSON

{
  "vizName": "Selector",
  "dataSourceID": "RPT.ADC.VIPList",
  "withEmptyItem": true,
  "labelForEmpty": ""
}

Data Structure

TBD (Mitesh)

Example of data structure

TBD (Mitesh)

Actions

TBD