# Custom Class

The Custom Class action will append a custom [Style Sheet class](https://www.w3schools.com/cssref/sel_class.asp) to the parent content action.

![](https://2532694803-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LdPD9c4fJbXSAZcPHt9%2F-M2i5EYy9dHLsfU2SlbY%2F-M2i66LxqUS_ifMqMYMJ%2Fimage.png?alt=media\&token=07f1e601-1f82-4ad6-8887-1876b64bc19d)

### Settings

The action uses the following settings:

| Setting    | Description                                                  | [Parsed](https://docs.xenioo.com/actions-and-operations/dynamic-parsing) |
| ---------- | ------------------------------------------------------------ | ------------------------------------------------------------------------ |
| Class Name | The name of the class you wish to add to your parent content | :white\_check\_mark:                                                     |

### Remarks

This operation can be used to apply to your Web chatbot some additional styles based on rules or context. The custom classes may refer to a separate style sheet available in your page or to a style sheet [attached directly](https://docs.xenioo.com/basic-concepts/publishing/channels/web#style-sheet) to your Web chatbot.

By default, Xenioo style sheet will define the following additional classes you can use without including any external style sheet

| Class Name            | Result                                              |
| --------------------- | --------------------------------------------------- |
| xenioo-ok-button      | Add a green background and white text to a button   |
| xenioo-warning-button | Add an orange background and white text to a button |
| xenioo-danger-button  | Add a red background and white text to a button     |

### Trigger

This action has no triggers.

### Variables

This action does not produce any variable.

### Availability

Channel specific availability follows the table below:

| Channel          | Availability    |
| ---------------- | --------------- |
| Facebook         | Not Applicable  |
| WhatsApp         | Not Applicable  |
| Telegram         | Not Applicable  |
| Web              | Fully Available |
| Alexa            | Not Applicable  |
| Google Assistant | Not Applicable  |
| Slack            | Not Applicable  |
| API              | Not Applicable  |

This action can be used only inside interactions and not as child of other actions.