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.