SyncIndicator

When active, indicates a syncing state.

Usage

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

function App() {
  return (
    <Main>
      <SyncIndicator />
    </Main>
  )
}

Props

visible

TYPE	DEFAULT VALUE
Boolean	true

Set to true to display the indicator.

label

TYPE	DEFAULT VALUE
Node	"Syncing data…"

The label displayed by the indicator.

Note: the “folded hands” emoji 🙏 will be appended to the label. Use children if you wish to override this behavior.

children

TYPE	DEFAULT VALUE
Node	None

Use children to override label and its emoji decoration.

shift

TYPE	DEFAULT VALUE
Number	0

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