@alegendstale/holly-components
Version:
Reusable UI components created using lit
41 lines (40 loc) • 710 B
JavaScript
import { html } from 'lit';
import { repeat } from 'lit/directives/repeat.js';
const meta = {
title: 'Carousel Scroller',
tags: ['autodocs'],
component: 'carousel-scroller',
};
export default meta;
const Template = {
render: ({ items }) => {
return html `
<carousel-scroller>
${repeat(items, (item) => html `<div>${item}</div>`)}
</carousel-scroller>
`;
},
};
const items = [
'one',
'two',
'three'
];
export const Empty = {
...Template,
args: {
items: [],
},
};
export const OneItem = {
...Template,
args: {
items: [items[0]],
},
};
export const ManyItems = {
...Template,
args: {
items,
},
};