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

Select

This component displays a selection dropdown.

Input:

[var name:"selectVal" value:"test1" /]
[Select value:selectVal options:`["test1", "test2"]`  /]

Output:

Props

  • value string

    The currently selected value.

    • Example: x
  • options array

    An array representing the different options. 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"]`