@ea-lab/reactive-json-docs
Version:
Complete documentation for Reactive-JSON - Components, examples and LLM-parsable guides
41 lines (28 loc) • 2 kB
YAML
renderView:
- type: Markdown
content: |
# Actions
> For an introduction to the actions system and detailed examples, see [Getting Started: Actions](../../getting-started/actions).
Actions in Reactive-JSON allow you to modify element behavior and appearance based on dynamic conditions. They are evaluated continuously based on data state and provide state-driven UI adaptation.
## Available Action Components
### Visibility Control
- **[Hide](./Hide)**: Completely hides the element and its children
- **[VisuallyHide](./VisuallyHide)**: Visually hides the element while keeping it accessible to screen readers
### User Interaction
- **[Tooltip](./Tooltip)**: Displays a tooltip on hover
- **[Popover](./Popover)**: Shows a more complex popover on click
### Navigation
- **[Redirect](./Redirect)**: Redirects to a specified URL
### Attribute Management
- **[SetAttributeValue](./Attribute/SetAttributeValue)**: Sets or modifies HTML attribute values dynamically
- **[UnsetAttribute](./Attribute/UnsetAttribute)**: Completely removes HTML attributes
- **[UnsetAttributeValue](./Attribute/UnsetAttributeValue)**: Removes specific values from HTML attributes
- **[ToggleAttributeValue](./Attribute/ToggleAttributeValue)**: Toggles the presence of specific values in HTML attributes
### Event Management
Those actions have a special handling in Reactive-JSON. The engine transparently load them
when the user requests a [reaction](../../getting-started/reactions) on a given element component.
As a user, you won't need to work with them directly.
- **[CustomEventListener](./CustomEventListener)**: Reacts to custom events
- **[HashChangeListener](./HashChangeListener)**: Listens for URL hash changes
- **[MessageListener](./MessageListener)**: Listens for window messages
- **[ReactOnEvent](./ReactOnEvent)**: Reacts to DOM events