Scroll Snap Align

Tetapkan penjajaran snap skrol

Sintaks

visual="snap-align:[value]"

Nilai

Nilai	CSS Output	Huraian
start	scroll-snap-align: start	Snap ke permulaan
end	scroll-snap-align: end	Snap ke hujung
center	scroll-snap-align: center	Snap ke tengah
none	scroll-snap-align: none	Tiada snap

Contoh

<div visual="snap-align:start">Snap to start</div>

Pratonton

Penjajaran Snap

visual="snap-align:start" - Tempat untuk snap dalam bekas

start

center

end

Lihat Kod

<div layout="flex" space="g:medium p:medium" visual="bg:neutral-100 dark:bg:neutral-900 rounded:medium">
  <div space="p:small" visual="bg:primary text:white rounded:small">start</div>
  <div space="p:small" visual="bg:primary text:white rounded:small">center</div>
  <div space="p:small" visual="bg:primary text:white rounded:small">end</div>
</div>