@@ -579,18 +579,18 @@ Beam supports a single client-side UI model: reactive state + declarative bindin
579579
580580Fine-grained reactivity for UI components (carousels, tabs, accordions) without server round-trips.
581581
582- | Attribute | Description | Example |
583- | ---------------- | --------------------------------------------------------- | ---------------------------------- |
584- | ` beam-state ` | Declare reactive state (JSON, key-value, or simple value) | ` beam-state="tab: 0; total: 5" ` |
585- | ` beam-id ` | Name the state for cross-component access | ` beam-id="cart" ` |
586- | ` beam-state-ref ` | Reference a named state from elsewhere | ` beam-state-ref="cart" ` |
587- | ` beam-text ` | Bind text content to expression | ` beam-text="count" ` |
588- | ` beam-attr-* ` | Bind any attribute to expression | ` beam-attr-disabled="count === 0" ` |
589- | ` beam-show ` | Show/hide element based on expression | ` beam-show="open" ` |
590- | ` beam-class ` | Toggle classes (simplified or JSON syntax) | ` beam-class="active: tab === 0" ` |
591- | ` beam-click ` | Click handler that mutates state | ` beam-click="open = !open" ` |
592- | ` beam-state-toggle ` | Toggle (or set) a state property (sugar) | ` beam-state-toggle="open" ` |
593- | ` beam-model ` | Two-way binding for inputs | ` beam-model="firstName" ` |
582+ | Attribute | Description | Example |
583+ | ------------------- | --------------------------------------------------------- | ---------------------------------- |
584+ | ` beam-state ` | Declare reactive state (JSON, key-value, or simple value) | ` beam-state="tab: 0; total: 5" ` |
585+ | ` beam-id ` | Name the state for cross-component access | ` beam-id="cart" ` |
586+ | ` beam-state-ref ` | Reference a named state from elsewhere | ` beam-state-ref="cart" ` |
587+ | ` beam-text ` | Bind text content to expression | ` beam-text="count" ` |
588+ | ` beam-attr-* ` | Bind any attribute to expression | ` beam-attr-disabled="count === 0" ` |
589+ | ` beam-show ` | Show/hide element based on expression | ` beam-show="open" ` |
590+ | ` beam-class ` | Toggle classes (simplified or JSON syntax) | ` beam-class="active: tab === 0" ` |
591+ | ` beam-click ` | Click handler that mutates state | ` beam-click="open = !open" ` |
592+ | ` beam-state-toggle ` | Toggle (or set) a state property (sugar) | ` beam-state-toggle="open" ` |
593+ | ` beam-model ` | Two-way binding for inputs | ` beam-model="firstName" ` |
594594
595595---
596596
0 commit comments