PolicyValueSelect

components/policy/ValueSelect.vue

A value set at this level of an enforcement cascade: compact grape-bordered select (UxSimpleSelect) with a "Config.." link and an optional ✕ delete button. Adding another value is the parent's concern — compose a ⊕ button alongside.

Scenarios
components/policy/ValueSelect.vue

Usage

<PolicyValueSelect value = "—" :options = "—" :deletable = "false" />

Props

PropTypeDefaultDescription
valueStringCurrently selected option (required)
optionsArrayOption strings for the select (required)
deletableBooleanfalseShow the ✕ button that emits `delete`

Events

EventDescription
update:valueWhen a different option is selected
deleteWhen the ✕ is clicked (only rendered with `deletable`) — clear this level's value, falling back to the inherited one

Related

Qpoint Brand Style Guide