observable-framework-input-radio

Create a radio button input component for the Observable Framework.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill simplifies user interaction by providing a clear and intuitive way to select a single option from a predefined list, enhancing user experience in web applications.

Core Features & Use Cases

  • Single Selection: Allows users to choose only one item from a set of choices.
  • Customizable Display: Supports custom labels, formatting, and disabling specific options.
  • Use Case: In a survey, use this Skill to let users pick their single favorite color from a palette, ensuring a clear and unambiguous response.

Quick Start

Use the observable-framework-input-radio skill to select a color from the options red, green, or blue.

Frequently Asked Questions about observable-framework-input-radio

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

FAQPage Schema
How do I create a radio button input for selecting a single option in Observable Framework?▼

To create a radio button input in Observable Framework, use this component to define a list of choices for single selection. It integrates with the Observable Inputs library to enable reactive data binding across your notebook.

Can I disable specific options or customize labels in an Observable radio button input?▼

Yes, the Observable radio button input supports custom labels, value formatting, and disabling specific options. You can configure individual choices to be unselectable for precise user interface control.

When should I use a radio button input instead of other selection components in Observable?▼

Use a radio button input when you need users to select exactly one option from a predefined list. It is ideal for scenarios like surveys where a single, unambiguous response is required from a set of choices.

Does the Observable Framework radio input support reactive data binding?▼

Yes, the radio button input integrates directly with the Observable Inputs library to support reactive data binding. Selecting an option dynamically updates dependent variables and visualizations in your notebook.

How do I format the displayed values of a radio button list in Observable?▼

You can format displayed values in the Observable radio button list using its built-in value formatting support. This allows you to present customized labels for each option while binding the actual underlying data values.