Elements
Generieke, herbruikbare bouwstenen die niet aan één domein (zoals product) gebonden zijn
— resources/js/Components/Elements/.
Re-usable dialog
Tabs
Herbruikbaar tabs-component via elements-tabs met een <tab>
per tabblad. Definieer elke tab met een #label en #content slot. Gebruik
v-if op een <tab> om tabs conditioneel te tonen.
Slider container full
Herbruikbare, sleepbare slider via elements-slider-container-full. Vul de
#slides slot met willekeurige content — de component regelt sleep/swipe-gedrag,
fling-momentum en een voortgangsbalk.
Responsive
Standaard krijgen de items in deze slider een breedte van 255px en een gap van 30px mee. Deze kan je aanpassen door de item-width en gap variabelen te gebruiken in de <elements-slider-container-full> tag.
<elements-slider-container-full
:item-width="{ base: 238, md: 240, lg: 360 }"
:gap="{ base: 15, md: 30 }">
Zonder deze props gelden de defaults { base: 255 } (item-width) en
{ base: 30 } (gap).
Mogelijke breakpoints: