FloatIndicator

A component displayed over the rest of the interface, to indicate a temporary state.

Usage

import { Main, FloatIndicator } from '@aragon/ui'

function App() {
  return (
    <Main>
      <FloatIndicator>Fetching data…</FloatIndicator>
    </Main>
  )
}

Props

visible

TYPE	DEFAULT VALUE
Boolean	true

Set to true to display the indicator.

children

TYPE	DEFAULT VALUE
React node	None

The content of the indicator.

shift

• Type: Number

• Default value: 0

Use this property to shift the position of the float indicator from its “end position” (right on left to right languages).