Slider
Custom HTML element
<aa-slider sliderData="" theme=""></aa-slider>Properties
| Name | Type | Description |
|---|---|---|
| sliderData | Object | base64 encoded |
| theme | String |
sliderData
{
"columns": 2 | 3 | 4,
"title": "This is the Slider Web Component",
"text": "Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.",
"content": []
}content
"content": [
{
"image": "https://picsum.photos/900/500",
"title": "Lorem ipsum",
"html": "<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet.</p>",
"ctaLabel": "Button",
"ctaUrl": "/en/com/lorem/ipsum"
}theme
Two different color options:
- "theme-alt-1" (white)
- "theme-alt-2" (grey)
Dependencies
@assaabloy/wc-vendor