Contents

import React from 'react'
import { Button, ButtonToolbar } from '../..'

const ButtonToolbarSecondary = (props) => (
  <div className="pb--doc-demo-row">
    <ButtonToolbar
        orientation="vertical"
        variant="secondary"
        {...props}
    >
      <Button
          text="Create"
          variant="secondary"
          {...props}
      />
      <Button
          text="Edit"
          variant="secondary"
          {...props}
      />
      <Button
          text="Copy"
          variant="secondary"
          {...props}
      />
      <Button
          text="Cut"
          variant="secondary"
          {...props}
      />
    </ButtonToolbar>

    <ButtonToolbar
        orientation="horizontal"
        variant="secondary"
        {...props}
    >
      <Button
          text="Create"
          variant="secondary"
          {...props}
      />
      <Button
          text="Edit"
          variant="secondary"
          {...props}
      />
      <Button
          text="Copy"
          variant="secondary"
          {...props}
      />
      <Button
          text="Cut"
          variant="secondary"
          {...props}
      />
    </ButtonToolbar>
  </div>
)

export default ButtonToolbarSecondary

Version data entries

1,065 entries across 1,065 versions & 2 rubygems

Version	Path
playbook_ui-7.14.0	app/pb_kits/playbook/pb_button_toolbar/docs/_button_toolbar_secondary.jsx
playbook_ui-7.13.0.pre.alpha1	app/pb_kits/playbook/pb_button_toolbar/docs/_button_toolbar_secondary.jsx
playbook_ui-7.13.0	app/pb_kits/playbook/pb_button_toolbar/docs/_button_toolbar_secondary.jsx
playbook_ui-7.12.1	app/pb_kits/playbook/pb_button_toolbar/docs/_button_toolbar_secondary.jsx
playbook_ui-7.12.0	app/pb_kits/playbook/pb_button_toolbar/docs/_button_toolbar_secondary.jsx