@progress/kendo-diagram-vue-wrapper
Version:
Kendo UI Diagram wrapper for Vue.js
50 lines (32 loc) • 1.71 kB
Markdown
title: selectableProps API
description: "API Index | selectableProps"
api_reference: true
slug: api_diagram_selectableprops
# SelectableProps
### selectable-key `String`
Defines the meta key when doing a visual selection through drawing a rectangular area around shapes in the canvas. The `selectable-key` option does not change the way a single shape is selected through clicking or tapping. To avoid clashes, verify that the `selectable.key` and `pannable.key` values are different.
The supported values are:
* `none`—Renders no activation key. The visual selection is disabled.
* `ctrl`—The activation key will be `Ctrl`.
* `shift`—The activation key will be `Shift`.
* `alt`—The activation key will be `Alt`.
### selectable-multiple `Boolean`
Specifies if the multiple selection will be enabled.
### selectable-stroke-color `String`
Defines the selection stroke color. Accepts valid CSS colors.
### selectable-stroke-dash-type `String`
Defines the selection dash type.
The supported dash types are:
* `dash`—A line that consists of dashes.
* `dashDot`—A line that consists of a repeating dash-dot pattern.
* `dot`—A line that consists of dots.
* `longDash`—A line that consists of a repeating long-dash pattern.
* `longDashDot`—A line that consists of a repeating long-dash-dot pattern.
* `longDashDotDot`—A line that consists of a repeating long-dash-dot-dot.
* `solid`—A solid line.
### selectable-stroke-width `Number`
Defines the selection stroke width.
## Suggested Links
* [`Selectable` in Kendo UI Diagram for jQuery](https://docs.telerik.com/kendo-ui/api/javascript/dataviz/ui/diagram/configuration/selectable)