feat(docs): clarify observed property changes result to render

This commit is contained in:
Ayo Ayco 2025-03-27 12:41:01 +01:00
parent a96d161e02
commit d9bcb019bc

View file

@ -8,7 +8,7 @@ import { Aside, Badge } from '@astrojs/starlight/components';
**Web Component Base (WCB)** **Web Component Base (WCB)**
<Badge text="alpha" variant="danger" /> is a zero-dependency, tiny JS base class for creating reactive [custom elements](https://developer.mozilla.org/en-US/docs/Web/API/Web_Components/Using_custom_elements) easily. <Badge text="alpha" variant="danger" /> is a zero-dependency, tiny JS base class for creating reactive [custom elements](https://developer.mozilla.org/en-US/docs/Web/API/Web_Components/Using_custom_elements) easily.
When you extend the WebComponent class for your custom element, you only have to define the template and properties. Any change in any property value will automatically cause just the component UI to render. When you extend the WebComponent class for your custom element, you only have to define the template and properties. Any change in an observed property's value will automatically cause the component UI to render.
The result is a reactive UI on property changes. The result is a reactive UI on property changes.