# GdprGroup
This component exposes the group's state contained within the group prop. It also exposes the child guards that are meant to be used to render GdprGuard components.
<GdprGroup :group="g">
<template #default="{ group, guards, toggleGroup }">
{{ group.name }}
<MyAwesomeSwitch
@change="toggleGroup"
:value="group.enabled"
:disabled="group.required"/>
<GdprGuard v-for="g in guards">
<!-- [...] -->
</GdprGuard>
</template>
</GdprGroup>
Props
| props | Type | Description | Required | Default |
|---|---|---|---|---|
| group | GdprGuardGroupRaw (opens new window) | The group to manage | ✔️ | ❌ |
| recursive | bool | Whether or not the component tree should handle sub-groups itself | ❌ | true |
Slot scope
| Slot props | Type | Description |
|---|---|---|
| group | GdprGuardGroupRaw (opens new window) | allows access to the group's state |
| guards | GdprGuardRaw[] (opens new window) | access the group's guards and sub-groups |
| toggleGroup | () => void | toggle the group state and set every state to its new value |
| enableGroup | () => void | enable every guards and sub-groups |
| disableGroup | () => void | disable every guards and sub-groups |
| manager | GdprManagerRaw (opens new window) | allows access to the manager's state |
← GdprManager GdprGuard →