1.11.0 • Published 8 months ago
@planview/pv-toolbar v1.11.0
@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