nuxt-x-app-admin
Feature Flags
Feature flag list with search, an inline enable toggle, and row actions for creating, editing, and deleting flags.
Feature Flags
Feature flag list with search, an inline enable toggle, and row actions for creating, editing, and deleting flags.
Components
<XAdminFeatureFlags />
Props, events, and behaviour reflect the actual <script setup> of XAdmin/FeatureFlags/index.vue in @xenterprises/nuxt-x-app-admin.
<XAdminFeatureFlags
endpoint="admin/feature-flags"
@create="openEditor()"
@edit="openEditor($event)"
@delete="confirmDelete($event)"
/>
Props
| Prop | Type | Default | Description |
|---|---|---|---|
endpoint | String | 'admin/feature-flags' | API endpoint base passed to useXAdminFeatureFlags. |
searchable | Boolean | true | Show the search toolbar (bound to the crud list's search ref). |
Emits
| Event | Payload | Description |
|---|---|---|
create | — | "New Flag" action clicked. |
edit | varies | Edit action for a flag row. |
delete | varies | Delete action for a flag row. |
row-click | varies | A flag table row was clicked. |
Slots
| Slot | Description |
|---|---|
toolbar-actions | Extra actions rendered inside the table toolbar. |
Data is fetched through useXAdminFeatureFlags (a useXCrud v2 list instance) — toggling a switch calls toggleFlag and refreshes the list.
AI Context
component: XAdminFeatureFlags
package: "@xenterprises/nuxt-x-app-admin"
category: Feature Flags
source: app/components/XAdmin/FeatureFlags/index.vue
use-when: Feature flag list with search, an inline enable toggle, and row actions for creating, editing, and deleting flags.