action-bar-usage.md

Home / ActionBar

ActionBar

This widget displays a row of spaced elements. If no children are present, it returns null.

ActionBar is intrinsically a div element and accepts all of its attributes.

Usage

import { ActionBar } from "react-simple-widgets/dist/action-bar";

<ActionBar className="mb-4" style={{ width: "300px" }}>
  <button className="btn btn-primary btn-sm">Action #1</button>
  <button className="btn btn-success btn-sm">Action #2</button>
  <button className="btn btn-warning btn-sm">Action #3</button>
  <button className="btn btn-danger btn-sm">Action #4</button>
</ActionBar>;