idyll-langidyll
DocsTutorialsGalleryEditor
menu

Overview

  • Introduction
  • Getting started
  • Markup syntax
  • HTML tags
  • Options and styles
  • Plugin system
  • Multipage template

Interactivity

  • Built-in components
  • Using components from npm
  • Make your own component
  • Scrolling and Refs

Publishing

  • Deploying to the web
  • Embedding Idyll

Useful Links

  • Github
  • Chat
  • Twitter
  • Support Us
← Back

Radio

This component displays a set of radio buttons.

Input:

[var name:"radioVal" value:"test1" /]
[Radio value:radioVal options:`["test1", "test2"]`  /]

Output:

Props

  • value string

    The value of the "checked" radio button

    • Example: x
  • options array

    an array representing the different buttons. Can be an array of strings like ["val1", "val2"] or an array of objects [{ value: "val1", label: "Value 1" }, { value: "val2", label: "Value 2" }].

    • Example: `["option1", "option2"]`