You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
30 lines
1.7 KiB
JavaScript
30 lines
1.7 KiB
JavaScript
export const regular = `
|
|
<div id="regular">
|
|
<div class="item" data-age="21" id="item1" data-groups='["design", "red"]'>Person 1</div>
|
|
<div class="item" data-age="50" id="item2" data-groups='["design", "blue"]'>Person 2</div>
|
|
<div class="item" data-age="29" id="item3" data-groups='["strategy", "green"]'>Person 3</div>
|
|
<div class="item" data-age="27" id="item4" data-groups='["ux", "green"]'>Person 4</div>
|
|
<div class="item" data-age="35" id="item5" data-groups='["ux", "blue"]'>Person 5</div>
|
|
<div class="item" data-age="23" id="item6" data-groups='["ux", "red"]'>Person 6</div>
|
|
<div class="item" data-age="42" id="item7" data-groups='["newbiz"]'>Person 7</div>
|
|
<div class="item" data-age="31" id="item8" data-groups='["technology", "black"]'>Person 8</div>
|
|
<div class="item" data-age="28" id="item9" data-groups='["design", "red"]'>Person 9</div>
|
|
<div class="item" data-age="25" id="item10" data-groups='["technology", "black"]'>Person 10</div>
|
|
</div>
|
|
`;
|
|
|
|
export const delimiter = `
|
|
<div id="delimiter">
|
|
<div class="item" id="item1" data-groups='design,red'>Person 1</div>
|
|
<div class="item" id="item2" data-groups='design,blue'>Person 2</div>
|
|
<div class="item" id="item3" data-groups='strategy,green'>Person 3</div>
|
|
<div class="item" id="item4" data-groups='ux,green'>Person 4</div>
|
|
<div class="item" id="item5" data-groups='ux,blue'>Person 5</div>
|
|
<div class="item" id="item6" data-groups='ux,red'>Person 6</div>
|
|
<div class="item" id="item7" data-groups='newbiz'>Person 7</div>
|
|
<div class="item" id="item8" data-groups='technology,black'>Person 8</div>
|
|
<div class="item" id="item9" data-groups='design,red'>Person 9</div>
|
|
<div class="item" id="item10" data-groups='technology,black'>Person 10</div>
|
|
</div>
|
|
`
|