Search…
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).
Last modified 2mo ago
Copy link
Outline
Usage
Props