Skip to content

Variable: RBooleanFieldRenderable

ts
const RBooleanFieldRenderable: readonly [
  "select",
  "toggle",
  "checkbox",
  "radio",
];

Rendering variants for boolean/ternary fields that determine the UI control type. Each variant provides different user interaction patterns while maintaining consistent boolean or ternary logic support based on configured choices.

  • select: Default dropdown perfect for multiple mode and explicit choice
  • toggle: VSwitch with optional indeterminate state support (ternary mode)
  • checkbox: VCheckbox with optional indeterminate dash display (ternary mode)
  • radio: VRadioGroup for explicit choice scenarios

Example

typescript
// Boolean settings toggle
<RBooleanField renderAs="toggle" v-model="darkMode" :choices="[true, false]" />

// Ternary permission checkbox
<RBooleanField renderAs="checkbox" v-model="canEdit" />

// Boolean survey question
<RBooleanField renderAs="radio" v-model="satisfied" :choices="[true, false]" />

// Multiple selection (default select works best)
<RBooleanField multiple v-model="permissions" />