1.11.0 • Published 8 months ago

@planview/pv-toolbar v1.11.0

Weekly downloads
-
License
BSD-3-Clause
Repository
github
Last release
8 months ago

@planview/pv-toolbar

React implementation of Planview Design System Toolbar following the specification.

Go to the official documentation for more details

Setup

You can install @planview/pv-toolbar in multiple ways:

  • With NPM
npm install @planview/pv-toolbar --save
  • With Yarn
yarn add @planview/pv-toolbar

Usage

import * as React from 'react'
import {
    Toolbar,
    ToolbarButtonEmpty,
    ToolbarButtonPrimary,
    ToolbarButtonDestructive,
    ToolbarSectionLeft,
    ToolbarSectionRight,
    ToolbarSeparator
} from '@planview/pv-toolbar'

function MyToolbarImplementation {
    return (
       <Toolbar>
            <ToolbarSectionLeft>
                <ToolbarButtonEmpty
                    onClick={() => setCurrentValue('hit button filter')}
                    icon={<Filter />}
                    tooltip="Filter"
                    aria-label="Filter"
                />
                <ToolbarSeparator />
                <ToolbarButtonDestructive
                    icon={<Activity />}
                    onClick={() => {
                        setCurrentValue('hit button activity')
                    }}
                >
                    Activity
                </ToolbarButtonDestructive>
            </ToolbarSectionLeft>
            <ToolbarSectionRight>
                <ToolbarButtonPrimary
                    onClick={() => setCurrentValue('hit button help')}
                    tooltip="Help"
                    displayOn="desktop"
                    icon={<Help />}
                />
                <ToolbarButtonEmpty
                    onClick={() => setCurrentValue('hit button resize')}
                    tooltip="Resize"
                    displayOn="desktop"
                    icon={<ResizeFull />}
                />
            </ToolbarSectionRight>
        </Toolbar>
    )
)
1.11.0

8 months ago

1.10.2

9 months ago

1.10.1

9 months ago

1.10.0

10 months ago

1.9.0

12 months ago

1.8.1

1 year ago

1.8.0

1 year ago

1.7.4

1 year ago

1.7.3

1 year ago

1.7.2

1 year ago

1.7.1

1 year ago

1.7.0

2 years ago

1.6.2

2 years ago

1.6.1

2 years ago

1.6.0

2 years ago

1.5.1

2 years ago

1.5.0

2 years ago

1.4.0

2 years ago

1.3.0

2 years ago

1.2.0

2 years ago

1.1.1

2 years ago

1.1.0

2 years ago

1.0.2

2 years ago

1.0.1

2 years ago

1.0.0

2 years ago

0.10.1

2 years ago

0.10.1-next.0

2 years ago

0.10.0

3 years ago

0.9.0

3 years ago

0.9.1

3 years ago

0.8.0-next.2

3 years ago

0.8.0-next.0

3 years ago

0.8.0-next.1

3 years ago

0.8.0

3 years ago

0.7.0

3 years ago

0.6.3

3 years ago

0.6.2

3 years ago

0.5.0

3 years ago

0.4.1

3 years ago

0.6.1

3 years ago

0.6.0

3 years ago

0.4.0

3 years ago

0.3.2

3 years ago

0.3.1

3 years ago

0.3.0

3 years ago

0.2.2

3 years ago

0.2.1

3 years ago

0.2.0

3 years ago

0.1.0

3 years ago

0.1.0-next.0

3 years ago