Usage

Individual checkbox item with label, description, and end content slot. Works in collection mode (inside a CheckboxList with a value array) or standalone mode (inside List, or inside a CheckboxList without value, such as a select-all item).

import { CheckboxListItem } from '@astryx-vue/core/CheckboxList'

In collection mode the row's value is its identity: the parent Checkbox List holds the v-model array, and the row throws without a value. In standalone mode there is no array, so isChecked shows the state and check reports the next one; that is the shape used inside a List or by a select-all row.

Examples

Common configurations, variations, and states.

Basic

Email preferences

• Product updates
  Product updatesNew features and improvements
• Security alerts
  Security alertsImportant account security notifications
• Marketing
  MarketingTips, offers, and promotions

Checkbox items with labels and descriptions inside a controlled CheckboxList. Use for multi-select option groups like notification preferences.