Actions

Hello there, fellow Svelte enthusiasts!

Today, we're diving into actions. Actions are element-level lifecycle functions. They're useful for things like interfacing with third-party libraries, lazy-loaded images, tooltips, and adding custom event handlers.

The use:autoFocus directive applies the autoFocus action to the input element. This means that when the component is mounted, the autoFocus function will be called with the input element as its argument, causing it to automatically focus.

Like transitions and animations, an action can take an argument, which the action function will be called with alongside the element it belongs to.