kibana/packages/shared-ux/button_toolbar
2023-01-18 10:02:49 -07:00
..
src Upgrade EUI to v70.2.4 (#144845) 2022-11-18 14:21:28 -06:00
index.ts chore(NA): remove src folder requirement from packages (part 2) (#138476) 2022-08-30 15:57:35 +01: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>
```