Hyperview

Hyperview

  • Guides
  • Examples
  • Reference
  • Blog

›Input Elements

Reference

  • Index

Behaviors

  • Behavior Attributes
  • <behavior>
  • Alert
  • Share

Display Elements

  • <doc>
  • <screen>
  • <header>
  • <body>
  • <view>
  • <text>
  • <image>
  • <list>
  • <section-list>
  • <section>
  • <section-title>
  • <items>
  • <item>
  • <spinner>
  • <web-view>

Input Elements

  • <form>
  • <text-field>
  • <select-single>
  • <select-multiple>
  • <option>
  • <picker-field>
  • <picker-item>
  • <switch>
  • <date-field>

Style Elements

  • <styles>
  • <style>
  • <modifier>

Hyperview Client

  • Hyperview component
  • Custom elements
  • Custom behaviors
  • Loading Screen

Hyperview Navigation

  • <navigator>
  • <nav-route>

<picker-item>

The <picker-item> element represents a value choice in a <picker-field> element.

<picker-field
  field-style="Input"
  field-text-style="Input__Text"
  placeholder="Select choice"
>
  <picker-item label="Choice 0" value="0" />
  <picker-item label="Choice 1" value="1" />
</picker-field>

Structure

A <picker-item> element must only appear as a direct child of a <picker-field> element and must not contain any child elements itself.

Attributes

  • label
  • value

label

TypeRequired
stringYes

The label that will appear in the picker. This is what the user sees when picking a value.

value

TypeRequired
stringNo (defaults to blank)

The value of the picker item. This is the value that will get serialized in the form containing the picker field.

← <picker-field><switch> →
  • Structure
  • Attributes
Hyperview
Docs
ExamplesHyperview Reference
More
BlogGitHub
Copyright © 2025 Instawork