add-component-property

To add a reactive property to a Lit web component, you apply the @property decorator with correct type annotations and optional attribute reflection. This skill updates the render, state wiring, tests, and Storybook stories to reflect the new property.

Extending a Lit component API involves adding a new reactive property using the @property decorator. This approach ensures proper type annotations and attribute reflection while consistently updating UI rendering and component documentation.

Yes, you need to update Storybook stories when adding a new Lit property. Updating stories and tests ensures the new reactive attribute is properly documented, visualized, and verified within the component's API.

Yes, you can configure optional attribute reflection when adding a reactive property in Lit. The @property decorator allows you to define type annotations and reflection rules to ensure the web component API behaves correctly.

Adding a new property to a Lit component requires updating tests to verify the new reactive behavior and attribute reflection. This ensures the updated render logic and state wiring maintain consistent component code and API stability.

You should use the @property decorator in Lit web components when you need to add a reactive property that affects UI rendering or state. It ensures proper type annotations and attribute reflection for maintaining consistent component APIs.