Skip to content

Variable: REnumFieldRenderable

ts
const REnumFieldRenderable: readonly ["select", "radio"];

Rendering variants for enum fields that determine the UI control type. Each variant provides different user interaction patterns while maintaining consistent enum value selection logic.

  • select: Default autocomplete dropdown with search, filtering, and keyboard navigation
  • radio: VRadioGroup for explicit choice scenarios with visual radio button controls

Example

typescript
// Status dropdown with search
<REnumField renderAs="select" v-model="status" :choices="statusChoices" />

// Priority radio buttons for explicit selection
<REnumField renderAs="radio" v-model="priority" :choices="priorityChoices" />

// Multiple selection (select works best)
<REnumField multiple v-model="categories" :choices="categoryChoices" />