StatusIndicator

Props

className

String

color

String

"#afb2b9"

forwardedRef

Custom

shadow

Bool

false

Default

<div className="d-flex">
  <StatusIndicator className="mr-3" />
  <StatusIndicator className="mr-3" color="green" />
  <StatusIndicator className="mr-3" color="#FF0000" />
  <StatusIndicator className="mr-3" color="hsl(297, 100%, 50%)" />
</div><div className="d-flex">
  <StatusIndicator className="mr-3" />
  <StatusIndicator className="mr-3" color="green" />
  <StatusIndicator className="mr-3" color="#FF0000" />
  <StatusIndicator className="mr-3" color="hsl(297, 100%, 50%)" />
</div>

With Shadow

<div className="d-flex">
  <StatusIndicator className="mr-3" shadow />
  <StatusIndicator className="mr-3" shadow color="green" />
  <StatusIndicator className="mr-3" shadow color="#FF0000" />
  <StatusIndicator className="mr-3" shadow color="hsl(297, 100%, 50%)" />
</div><div className="d-flex">
  <StatusIndicator className="mr-3" shadow />
  <StatusIndicator className="mr-3" shadow color="green" />
  <StatusIndicator className="mr-3" shadow color="#FF0000" />
  <StatusIndicator className="mr-3" shadow color="hsl(297, 100%, 50%)" />
</div>

StatusIndicator

.css-1r0pe6c{color:inherit;-webkit-text-decoration:none;text-decoration:none;}.css-1r0pe6c:hover{-webkit-text-decoration:underline;text-decoration:underline;}Props

Default

With Shadow

Props