Skip to content

Commit

Permalink
feat(docs): select/unselect node using API
Browse files Browse the repository at this point in the history
  • Loading branch information
Ni55aN committed Nov 10, 2024
1 parent d80a4cc commit 364c423
Show file tree
Hide file tree
Showing 2 changed files with 24 additions and 0 deletions.
12 changes: 12 additions & 0 deletions src/content/en/docs/4.guides/5.selectable/0.index.md
Original file line number Diff line number Diff line change
Expand Up @@ -31,6 +31,18 @@ AreaExtensions.selectableNodes(area, selector, { accumulating });

The code indicates that users can select multiple nodes by holding down the Ctrl key, then these nodes can be moved together

## Selection or deselecting {#select-deselect}

In addition to user actions, a node can be selected or deselected through the built-in methods of `selectableNodes`

```ts
const selectableNodes = AreaExtensions.selectableNodes(area, selector, { accumulating });

selectableNodes.select(nodeId) // select a single node, the previous selection will be cleared
selectableNodes.select(nodeId, true) // select a node without clearing previous selections
selectableNodes.unselect(nodeId) // remove the node from the selected li
```

## Selectable custom elements {#selectable-custom-elements}

All elements added to the area can be added to the selector. They can act like nodes: can be selected and moved alongside other elements that are currently selected
Expand Down
12 changes: 12 additions & 0 deletions src/content/uk/docs/4.guides/5.selectable/0.index.md
Original file line number Diff line number Diff line change
Expand Up @@ -31,6 +31,18 @@ AreaExtensions.selectableNodes(area, selector, { accumulating });

Код вказує, що користувачі можуть вибирати кілька вузлів, утримуючи натиснутою клавішу Ctrl, а потім ці вузли можна переміщувати разом

## Вибір або відміна вибору {#select-deselect}

Окрім дій користувача, вибрати або відмінити вибір вузла можна через вбудовані методи `selectableNodes`

```ts
const selectableNodes = AreaExtensions.selectableNodes(area, selector, { accumulating });

selectableNodes.select(nodeId) // вибір одного вузла, попередній вибір буде скинуто
selectableNodes.select(nodeId, true) // вибір вузла, не скидаючи вибір попередніх
selectableNodes.unselect(nodeId) // видалити вузол з вибраних
```

## Вибір кастомних елементів {#selectable-custom-elements}

Усі елементи, додані до області, можна додати до селектора. Вони можуть діяти як вузли: їх можна вибирати та переміщувати разом з іншими елементами, які наразі виділено
Expand Down

0 comments on commit 364c423

Please sign in to comment.