Bootstrap 5 component. Add the component and configure its properties in the Inspector.
| Name |
Description |
| ID | ID for the theme switch component. Sets the component id attribute. Use a stable id if you reference this component from other scripts or need a consistent selector. Bootstrap docs: Color modes Required. Default: "". Attribute: id. |
| Key | Storage key used to persist the theme. Sets the key used to store the chosen theme (typically in localStorage). Use a unique key per project/app to avoid collisions. Bootstrap docs: Color modes Default: "theme". Attribute: key. |
| Theme | Theme to apply. Selects which theme (color mode) to apply. Bootstrap 5.3 supports light/dark via the data-bs-theme attribute. Bootstrap docs: Color modes Options: Auto (auto), Light (light), Dark (dark) Default: "auto". Attribute: theme. |
| Name |
Description |
| Theme | Default: "". |
| Name |
Description |
| Key | Choose dynamic data binding. Represents the current storage key used for theme persistence. Mostly useful for App Connect state binding and debugging. Bootstrap docs: Color modes |
| Theme | Choose dynamic data binding. Represents the currently applied theme (color mode) value. Use this for conditional UI logic (e.g. swap logos based on theme). Bootstrap docs: Color modes |
