observable-framework-input-text

Create single-line text input fields for Observable Framework applications.

Updated Feb 28, 2026
One-click install
npx skills add https://github.com/spqw/skill-observable-framework --skill observable-framework-input-text
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: observable-framework-input-text
Source: https://github.com/spqw/skill-observable-framework/tree/main/skills/observable-framework-input-text
Command: npx skills add https://github.com/spqw/skill-observable-framework --skill observable-framework-input-text

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill allows users to input and manage single-line freeform text within an Observable Framework application, enhancing user interaction and data collection.

Core Features & Use Cases

  • Text Input: Provides a standard text box for user input.
  • Customization: Supports labels, placeholders, initial values, and various HTML5 input types (e.g., email, password).
  • Usability Enhancements: Includes options for spellcheck, autocomplete, and datalists for suggested values.
  • Submission Control: Offers a submit option to defer input reporting until explicitly submitted.
  • Use Case: Create a user registration form where users can enter their name, email, and password using distinct text input fields.

Quick Start

Create a text input field for the user's name with a placeholder.

Frequently Asked Questions about observable-framework-input-text

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I add a single-line text input field in Observable Framework?

You can add a single-line text input field in Observable Framework using this Skill to create customizable text boxes for forms, supporting labels, placeholders, initial values, and HTML5 input types like email and password.

Can I use HTML5 input types like password and email in Observable Framework forms?

Yes, this Skill supports creating text input fields with various HTML5 input types like email and password in Observable Framework, ensuring precise user data entry for forms and configuration settings.

How do I defer text input submission in Observable Framework until the user presses enter?

You can defer text input reporting in Observable Framework by utilizing the `submit` option provided by this Skill, which delays input updates until the user explicitly submits the value.

What is the best way to configure form inputs with suggested values in Observable Framework?

The best way to provide suggested values for form inputs in Observable Framework is using this Skill's datalist support, which offers autocomplete suggestions while maintaining freeform text entry capabilities.

Does Observable Framework text input support spellcheck and autocomplete options?

Yes, this Skill includes usability enhancements that allow you to configure spellcheck and autocomplete options for single-line text input fields within Observable Framework applications.

How do I set a placeholder and initial value for a text box in Observable Framework?

You can set a placeholder and initial value for a text box in Observable Framework by configuring this Skill's text input component, which accepts both parameters to guide user data entry in forms.