kibana/packages/shared-ux/button_toolbar
2023-09-25 15:37:30 -07:00
..
src [Dashboard] Focus on a single panel (#165417) 2023-09-25 15:37:30 -07:00
index.ts [Dashboard] [Canvas] Replace deprecated SolutionToolbar with Shared UX Toolbar (#151381) 2023-02-24 11:03:36 -07:00
jest.config.js [Shared UX] Move Solution Toolbar components to package (#134392) 2022-06-21 02:00:57 -05:00
kibana.jsonc [codeowners] rename global experience to @elastic/appex-sharedux 2023-01-18 10:02:49 -07:00
package.json Transpile packages on demand, validate all TS projects (#146212) 2022-12-22 19:00:29 -06:00
README.mdx [Shared-UX] Migrate Toolbar component from presentation to shared-ux (#137224) 2022-08-29 13:22:38 -07:00
tsconfig.json Transpile packages on demand, validate all TS projects (#146212) 2022-12-22 19:00:29 -06:00

---
id: sharedUX/Components/Toolbar
slug: /shared-ux/components/button_toolbar
title: Toolbar
summary: An implementation of the popover, primary button, icon button group and add from library button
tags: ['shared-ux', 'component', 'toolbar']
date: 2022-07-28
---

This `toolbar` component accepts a `children` prop. Children can include a `popover` or a generic `button`. It can also include the `IconButtonGroup` and `AddFromLibrary` component for soltuions. 
Styling of the popover and button follow the primary styles.


```jsx
   <Toolbar>
      {{
        primaryButton,
        iconButtonGroup,
        extraButtons,
        addFromLibraryButton,
      }}
    </Toolbar>
```