Action Bar

ActionBar

The Action bar is generally presented at the top of each page throughout the whole of the app.

Props

There are no props needed for this component, you pass in what you want to render inside the actionBar as a child of the component. Look at example for a better understanding.

Example

<ActionBar>
	<Button
		text="Action Bar button"
		type="primary"
		icon="action"/>
	<SearchBar 
            />
	<Pagination
		currentPage={2}
		totalPages={5}
		buttonType="secondary"
		className="course"/>
</ActionBar>

Related

• Button
• Pagination
• SearchBar