Select Fieldtype

Overview

This field is highly configurable, thanks to the fantastic Vue Select component. Be sure to explore all the config options!

Data Storage

Select fields will store the value of the chosen option or options. Given this configuration...

handle: select
  field:
    display: Select
    options:
      face: "So's your face."
      know: "I know you are, but what am I?"
      hand: "Talk to the hand."
      beeswax: "Mind your own beeswax."
    placeholder: 'Choose your snappy comeback'
    type: select

Your saved data will be:

select: face

Templating

Select fields return the value from your selected option. You can access the label with select_var:label.

<p id="{{ select }}"> Oh yeah? {{ select:label }}</p>

<p id="{{ $select }}"> Oh yeah? {{ $select['label'] }}</p>

<p id="face">Oh yeah? So's your face.</p>

Options