Skip to Content
@anker-in/headless-ui 2.0 is released 🎉

间距组件

提供响应式或固定的垂直间距,用于页面布局中的内容分隔。支持默认响应式间距和固定间距两种模式。

基本用法

Spacer 组件的基本用法示例

Section A

This is the first content section.

Section B

This section is separated by a default spacer that adjusts height based on screen size:
• Mobile: 64px (h-16) • Tablet: 64px (h-16) • Laptop: 64px (h-16) • Desktop: 96px (h-24) • Large Desktop: 128px (h-32)

Section C

This section is separated by a fixed spacer with 64px height on all screen sizes.

Last updated on