The current button component uses an inline {{ icon(...) }} function in its Twig template to render icons. This hardcodes the icon rendering logic directly into the template, reducing flexibility and making maintenance more challenging. For example, any updates to the icon component require manually modifying each instance in the button template.
Refactor the button component to use a slot for the icon instead of embedding the {{ icon(...) }} function. This will allow users to pass in the icon component or any other content dynamically via a slot, improving modularity and reusability.
button.component.yml: Add a slot definition for the icon.Icons will be rendered via the slot, ensuring consistency and flexibility.
No changes to the underlying data structure; this refactoring only affects the rendering logic.
Active
1.0
Code
Issue #3524479 by raluelrusu: Refactor Button Component to Use Icon...