---
title: "Set State Card"
slug: "set-state-card"
updated: 2026-08-11T15:55:37Z
published: 2026-08-11T15:55:37Z
canonical: "support.beast-code.com/set-state-card"
---

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

# Set State Card

Set State cards allow you to alter the state of one or more components in concert with a 3D Viewer card.

![](https://cdn.document360.io/820c65d9-cf4e-4289-9237-5bc834b3bd3e/Images/Documentation/Screenshot 2026-08-10 161635.png)

> [!NOTE]
> NOTE
> 
> While the Set State card is functional on its own, it works best when paired with either an:
> 
> - Information card
> - Avatar card

### Building the Card

**To add the card to the lesson track:**

- Left click and drag the card to the track
- OR double click the card to add automatically

![](https://cdn.document360.io/820c65d9-cf4e-4289-9237-5bc834b3bd3e/Images/Documentation/Learning_73(1)(1).gif)

**To begin editing:**

- Left click the card on the track and then left click ![](https://cdn.document360.io/820c65d9-cf4e-4289-9237-5bc834b3bd3e/Images/Documentation/Screenshot 2026-05-18 111722.png)
- OR double left click the card on the track to open editing automatically

![](https://cdn.document360.io/820c65d9-cf4e-4289-9237-5bc834b3bd3e/Images/Documentation/Learning_74(1).gif)

**In the editing window, you can:**

- Search for desired component(s) to add to the card
- Toggle the desired component(s) enabled or not
- Toggle the desired component(s) damaged or not
- Delete a component from the card

![](https://cdn.document360.io/820c65d9-cf4e-4289-9237-5bc834b3bd3e/Images/Documentation/Learning_75(1).gif)

### Set State Card - Use Case

One popular use of a Set State card is to show a specific component is broken in the 3D Viewer.

**Example:** Follow the steps below to pair a 3D Viewer card with a Set State card:

1. Add a 3D Viewer card to the lesson track.

- Make sure that the component group that contains the component(s) you want to visualize is toggled on

1. Add the Set State card underneath it.

- Ensure the component you’d like to show as broken has the appropriate toggles in place

1. Add an Information card to add some context.
2. Launch the lesson.
3. Click a component and see a small menu appear in the bottom right.

![](https://cdn.document360.io/820c65d9-cf4e-4289-9237-5bc834b3bd3e/Images/Documentation/Screenshot 2026-07-02 171836.png)
4. Click around to find the broken component.

![](https://cdn.document360.io/820c65d9-cf4e-4289-9237-5bc834b3bd3e/Images/Documentation/Learning_89(1).gif)

> [!NOTE]
> NOTE
> 
> For more information, please see the following articles:
> 
> - [3D Viewer Card](/beast-core/docs/3d-viewer-card)
> - [Information Card](/beast-core/docs/information-card)
> - [Set Alignment Card](/beast-core/docs/set-alignment-card)