Bar
Bar is a component that represents a horizontal bar, generally combined with inner elements like a back button, an action button, or data filters. It is generally placed right above components like Box (see example), DataView, Split and CardLayout.import { Main, BackButton, Bar, Button, Box } from '@aragon/ui'
function App() {
return (
<Main>
<Bar primary={<BackButton />} />
<Box />
</Main>
)
}
TYPE | DEFAULT VALUE |
|---|---|
React node | None |
Sets the entire content of
Bar. Overrides both primary and secondary and their default spacing. You should generally prefer using primary and secondary, when possible.TYPE | DEFAULT VALUE |
|---|---|
React node | None |
The left part (for left-to-right languages) of
Bar. The BackButton component is often used here.TYPE | DEFAULT VALUE |
|---|---|
React node | None |
The right part (for left to right languages) of
Bar.Last modified 6mo ago