The following examples demonstrate how to implement various toolbar configurations in your application.

The basic toolbar contains a set of buttons that represent key actions. Each button can perform a specific task when clicked.

Fixed toolbars remain visible when scrolling and provide persistent access to navigation. Use the fixed prop to create a toolbar that stays in place during scrolling.

Dense toolbars are more compact, saving vertical space. Use the variant="dense" prop to create a more compact toolbar.