Text Input🔖

The text input directive allows users to input and save text directly in the page. The input is automatically saved to the browser's local storage using Dexie, so it persists across page reloads.

Basic Usage🔖

::textinput

With Placeholder🔖

You can add a placeholder to guide users on what to input:

::textinput{placeholder="Your solution"}

With Custom Height🔖

Adjust the height of the text input area:

::textinput{height="400px"}

With Both Options🔖

Combine placeholder and height for a fully customized text input:

::textinput{placeholder="Enter text here" height="300px"}

With Custom ID🔖

You can specify a custom ID to have multiple independent text inputs on the same page:

::textinput{id="answer-1" placeholder="First answer"}
 
::textinput{id="answer-2" placeholder="Second answer"}