DepthIndicator — depth-indicator

PREVIEW

DEPTH

USAGE

case 'glass-button': return ; case 'neon-glow': return ; case 'floating-button': return ;

import { DepthIndicator } from '@oalacea/chaosui/display/depth-indicator';

<DepthIndicator
  currentDepth={450}
  minDepth={0}
  maxDepth={1000}
  unit="m"
  position="right"
/>

PROPS

PropTypeDefault

currentDepthCurrent depth value

number-

minDepthMinimum depth

number0

maxDepthMaximum depth

number100

unitUnit symbol

string"m"

labelLabel text

string"DEPTH"

positionSide position

"left" | "right""left"

showValueShow numeric value

booleantrue