1.4 KiB
1.4 KiB
ViewSelector
Actions with a button.
Usage
import { ViewSelector } from "app-components";
import ViewRowsReactSvgUrl from "PUBLIC_DIR/images/view-rows.react.svg?url";
import ViewTilesReactSvgUrl from "PUBLIC_DIR/images/view-tiles.react.svg?url";
View Settings
const viewSettings = [
{
value: "row",
icon: ViewRowsReactSvgUrl,
},
{
value: "tile",
icon: ViewTilesReactSvgUrl,
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 |