Difference between revisions of "Pane Navigator"
Jump to navigation
Jump to search
(Created page with "thumb|The iv-pane-navigator component, where both a next and previous button is displayed. The pane navigator component creates "next" and "previous...") |
(Initial Page) |
||
Line 2: | Line 2: | ||
The pane navigator component creates "next" and "previous" buttons at the bottom of the side pane. This component should automatically appear in collections. | The pane navigator component creates "next" and "previous" buttons at the bottom of the side pane. This component should automatically appear in collections. | ||
==Technical information== | ==Technical information== | ||
The <code>iv-pane-navigator</code> is not designed for general use. Instead it should automatically appear when a collection is created on the website and the "show-pagination" prop of the <code>iv-sidebar-content</code> component is set to true. | The <code>iv-pane-navigator</code> is not designed for general use. Instead it should automatically appear when a collection is created on the website and the "show-pagination" prop of the <code>iv-sidebar-content</code> component is set to true. On the first and last pages of a collection the relevant next/previous button will be hidden. | ||
===Props=== | ===Props=== | ||
Line 12: | Line 12: | ||
==Design Choices== | ==Design Choices== | ||
The colour is designed to fit with the general ImpVis blue | The colour is designed to fit with the general ImpVis blue. The button turns a lighter shade of blue when hovered over, to indicate that it is active. | ||
[[Category:ImpVis_Components]] | [[Category:ImpVis_Components]] | ||
[[Category:Layouts]] | [[Category:Layouts]] |
Revision as of 10:24, 30 June 2021
The pane navigator component creates "next" and "previous" buttons at the bottom of the side pane. This component should automatically appear in collections.
Technical information
The iv-pane-navigator
is not designed for general use. Instead it should automatically appear when a collection is created on the website and the "show-pagination" prop of the iv-sidebar-content
component is set to true. On the first and last pages of a collection the relevant next/previous button will be hidden.
Props
none
Events
none
Design Choices
The colour is designed to fit with the general ImpVis blue. The button turns a lighter shade of blue when hovered over, to indicate that it is active.