# Finsweet slider component and wized attributes compatibility

**URL:** <https://forum.finsweet.com/t/finsweet-slider-component-and-wized-attributes-compatibility/3287>\
**Category:** Slider\
**Tags:** cmsfilter, cmsload, cmsslider\
**Created:** [August 15, 2024, 4:12pm UTC](https://forum.finsweet.com/t/finsweet-slider-component-and-wized-attributes-compatibility/3287 "2024-08-15T16:12:04Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![Chad](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.finsweet.com/chad/32/3374_2.png) [@Chad](https://forum.finsweet.com/u/Chad)\
**Post date:** [August 15, 2024, 4:12pm UTC](https://forum.finsweet.com/t/finsweet-slider-component-and-wized-attributes-compatibility/3287/1 "2024-08-15T16:12:04Z")

</div>

When using finsweet slider component, and having the wized attributes in the CMS items, how compatible is this? Can we get documentation about the scenarios how the slider component can be used with FS load, filter, etc, and additionally with compability with Wized attributes?

---

<div class="post-metadata">

**Author:** ![Support-Luis](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.finsweet.com/support-luis/32/53_2.png) [@Support-Luis](https://forum.finsweet.com/u/Support-Luis)\
**Post date:** [August 16, 2024, 9:47am UTC](https://forum.finsweet.com/t/finsweet-slider-component-and-wized-attributes-compatibility/3287/2 "2024-08-16T09:47:06Z")

</div>

Hey @Chad! Finsweet Components and V1 Attributes are not compatible out of the box. However we can use the API to reinitate the components with something like

```js
<script>
  window.fsAttributes = window.fsAttributes || [];
  window.fsAttributes.push([
    'cmsload',
    (listInstances) => {
      const [listInstance] = listInstances;

      // The `renderitems` event runs whenever the list renders items after switching pages.
      listInstance.on('renderitems', (renderedItems) => {
        console.log('do something here when list renders, like restarting the slider component');
        window.fsComponents.solutions.slider.restart();
      });
    },
  ]);
</script>

```

---

<div class="post-metadata">

**Author:** ![Chad](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.finsweet.com/chad/32/3374_2.png) [@Chad](https://forum.finsweet.com/u/Chad)\
**Post date:** [August 16, 2024, 2:34pm UTC](https://forum.finsweet.com/t/finsweet-slider-component-and-wized-attributes-compatibility/3287/3 "2024-08-16T14:34:56Z")

</div>

Is there documentation about using the fsAttributes API? I’d like to understand how the code works

---

<div class="post-metadata">

**Author:** ![Support-Luis](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.finsweet.com/support-luis/32/53_2.png) [@Support-Luis](https://forum.finsweet.com/u/Support-Luis)\
**Post date:** [August 16, 2024, 3:43pm UTC](https://forum.finsweet.com/t/finsweet-slider-component-and-wized-attributes-compatibility/3287/4 "2024-08-16T15:43:36Z")

</div>

Sure! You can find more info here → [Attributes API](https://finsweet.com/attributes/api)