<dy-space>
A layout component that handles the spacing between elements automatically. It supports both horizontal and vertical orientations, and different spacing sizes.
Example
Loading...
<dy-space .size=${"large"}> <div>Button1</div><div>Button2</div><div>Button3</div> </dy-space>
API
DuoyunSpaceElement
Extends TapSpaceElement
TapSpaceElement
Extends GemElement
TapSpaceElement Instance Properties
| Property(Attribute) | Reactive | Type |
|---|---|---|
size(size) |
Yes | 'normal' | 'small' | 'large' |
orientation(orientation) |
Yes | 'horizontal' | 'vertical' |