Can I use the $attributes variable to pass dynamic attributes to a Blade component

1. In your component's Blade template, use the `$attributes` variable to render the attributes on the root element:

html
<button {{ $attributes }}>
    {{ $slot }}
</button>

2. In your parent view, pass the attributes to the component using the `:` prefix to evaluate the attribute value as a PHP expression:

html
<x-button :class="['btn', 'btn-primary']" :disabled="$isDisabled" :data-id="$item->id">
    Click me
</x-button>

3. The `$attributes` variable in the component's template will now contain the `class`, `disabled`, and `data-id` attributes, which will be rendered on the `` element.

html
<button class="btn btn-primary" disabled data-id="123">
    Click me
</button>

You can also merge the passed attributes with some default attributes using the `merge()` method:

html
<button {{ $attributes->merge(['class' => 'btn']) }}>
    {{ $slot }}
</button>

This will add the `btn` class to the component, unless a `class` attribute is passed from the parent view, in which case it will be merged with the default class.

Using the `$attributes` variable allows you to pass arbitrary HTML attributes to your components, making them more flexible and reusable[1][2].

Citations:
[1] https://stackoverflow.com/questions/67795397/dynamically-add-attributes-to-laravel-blade-components
[2] https://devinthewild.com/article/passing-attributes-to-laravel-blade-components
[3] https://www.reddit.com/r/laravel/comments/nq39rc/dynamically_add_attributes_to_laravel_blade/
[4] https://laracasts.com/discuss/channels/laravel/passing-data-to-dynamic-components
[5] https://laracasts.com/discuss/channels/laravel/dynamically-add-attributes-to-blade-components