---
title: "Action Group List"
slug: "action-group-list-widget"
updated: 2026-02-26T17:21:22Z
published: 2026-02-26T17:21:22Z
canonical: "learn.servitly.com/action-group-list-widget"
---

> ## Documentation Index
> Fetch the complete documentation index at: https://learn.servitly.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Action Group List

Displays the list of actions grouped by action type, and visible by the user and navigation context.

![Action Group List](https://components-manager.servitly.com/components/ActionGroupList_1/IMAGES/_screenshot?owner=AG_Servitly)

## Template Syntax

Below you can find some examples of how to use the component within a template.

```xml

            <action-group-list-widget [title]="'Actions'">

            </action-group-list-widget>
        
```

## Component Reference

Here is a comprehensive list of all the elements and properties that can be used to configure the component.

#### Action Group List `&lt;action-group-list-widget&gt;`

| *Status* | The statuses of the actions to load. **Name**: status **Type**: ENUM (multiple) \| Optional **Values**: *TODO*, *DISCARDED*, *DONE* `[status]="['TODO', 'DISCARDED']"` |
| --- | --- |
| *Title* | The title displayed on the top part of the widget box. **Name**: title **Type**: STRING \| Optional `[title]="'Action Groups'"` |
| *Topic* | The topics of the actions to load. **Name**: topic **Type**: STRING \| Optional `topic="abc"` |
| *Type* | The types of the actions to load. **Name**: type **Type**: STRING (multiple) \| Optional `[type]="['AAA', 'BBB']"` |
| **Rendering** |
| *CSS Class* | The name(s) of the CSS class used to customize the widget layout. **Name**: class **Type**: STRING \| Optional `class="my-custom-class"` |
| *Visibility Condition* | The expression that allows you to reduce the visibility of the element. **Name**: *ngIf **Type**: STRING \| Optional `*ngIf="getUser().organizationId != null"` |

## Full Syntax Example

```xml

<action-group-list-widget    
    [title]="'Action Groups'"
    status="['TODO', 'DISCARDED']"
    topic="abc"
    type="['AAA', 'BBB']"
    class="my-custom-class"
    *ngIf="getUser().organizationId != null">
</action-group-list-widget>
```