Skip to content

Autofocus

Bindings for @solid-primitives/autofocus.

createAutofocus

/// <summary>
/// Reactively autofocuses an element passed in as a signal
/// </summary>
[<ImportMember(path)>]
static member createAutofocus (ref: unit -> #HtmlElement): unit = jsNative

Pass an accessor that returns the element to focus: one that reads a captured ref, or a signal that the element's ref sets. Upstream usage:

import { createAutofocus } from "@solid-primitives/autofocus";

// Using ref
let ref;
createAutofocus(() => ref);

<button ref={ref}>Autofocused</button>;

// Using ref signal
const [ref, setRef] = createSignal();
createAutofocus(ref);

<button ref={setRef}>Autofocused</button>;
Edit this page