Static HTML has no built-in way to make it reactive. Hence we introduced Extended Tatgs which is named tagName + '-x'
and has a embedded <script>
included which is sandboxed allowing you to access variables available inside other directive like Slot or List Item Presenter. The scripts can assign to props
variable to change props of the extended tag. See this example:
To capture the user click of this button:
you would turn it into:
You could also set class
on a tag. In this case we set a class scoped to a slot the button is in but you can access other imported styles like: fa
, bootstrap
or any global style by its local name. See Slots .