ViewSelector
Actions with a button.
Usage
import { ViewSelector } from "app-components";
View Settings
const viewSettings = [
{
value: "row",
icon: "/static/images/row.react.svg",
},
{
value: "tile",
icon: "/static/images/tile.react.svg",
callback: createThumbnails,
},
];
<ViewSelector
isDisabled={false}
onChangeView={(view) => console.log("current view:", view)}
viewSettings={viewSettings}
viewAs="row"
isFilter={false}
/>
Properties
Props |
Type |
Required |
Values |
Default |
Description |
isDisabled |
bool |
- |
- |
- |
Disables the button default functionality |
isFilter |
bool |
- |
- |
- |
Show only available option icon in selector |
onChangeView |
func |
- |
- |
- |
The event triggered when the button is clicked |
viewSettings |
arr |
- |
- |
- |
Array containing view settings. |
viewAs |
string |
- |
- |
- |
Current application view |