# `plandalf.from()`

Find the live handle associated with an element.

Implemented by the [browser object](https://github.com/plandalf/numi/blob/fc6f42b5ade3d63b71623934838a6509f17203e2/packages/sdk/src/browser.ts#L464); parameter and return types follow the [interface declaration](https://github.com/plandalf/numi/blob/fc6f42b5ade3d63b71623934838a6509f17203e2/packages/sdk/src/core/types.ts#L440).

## Signature

```typescript
plandalf.from(el: Element): FlowHandle<unknown> | PromoHandle | null
```

## Arguments

| Name | Type | Meaning |
| --- | --- | --- |
| `el` | `Element` | Element associated with a declarative SDK handle. |

## Example

```javascript title="from.js" lineNumbers lineNumberStart=1
const button = document.querySelector('[data-plandalf-present]')
if (button) {
  const handle = plandalf.from(button)
  console.log(handle)
}
```

## Returns

[`FlowHandle`](https://plandalf.com/docs/packages/sdk/interfaces/FlowHandle)\<`unknown`\> \| [`PromoHandle`](https://plandalf.com/docs/packages/sdk/referenced-types/PromoHandle) \| `null`

## Behaviour

The browser object reads its element-handle registry directly. The `PlandalfSDK` interface declares this return type, while the current class source lacks its `from()` implementation.

[All plandalf methods](https://plandalf.com/docs/sdk)

Source: https://plandalf.com/docs/sdk/from