@@ -6,7 +6,7 @@ Sets the spacing between elements. Available in `NutUI` >= 4.2.0.
66
77### Install
88
9- ``` javascript
9+ ``` js
1010import { createApp } from ' vue' ;
1111import { Space } from ' @nutui/nutui' ;
1212
@@ -20,7 +20,7 @@ The Space component sets a certain spacing between the subcomponents, the defaul
2020
2121::: demo
2222
23- ``` html
23+ ``` vue
2424<template>
2525 <nut-space>
2626 <nut-button type="primary">Button</nut-button>
@@ -39,7 +39,7 @@ By setting the direction property to vertical, you can set the spacing of the ve
3939
4040::: demo
4141
42- ``` html
42+ ``` vue
4343<template>
4444 <nut-space direction="vertical" fill>
4545 <nut-button type="primary" block>Button</nut-button>
@@ -59,7 +59,7 @@ You can also set css variables -nut-space-gap control, priority: gutter>css Vari
5959
6060::: demo
6161
62- ``` html
62+ ``` vue
6363<template>
6464 <!-- gutter -->
6565 <nut-space :gutter="20">
@@ -88,7 +88,7 @@ In horizontal mode, the wrap property controls whether child elements are wrappe
8888
8989::: demo
9090
91- ``` html
91+ ``` vue
9292<template>
9393 <nut-space wrap>
9494 <nut-button type="primary" block>Button</nut-button>
@@ -127,8 +127,8 @@ In horizontal mode, the wrap property controls whether child elements are wrappe
127127### CSS Variables
128128
129129The component provides the following CSS variables, which can be used to customize styles. Please refer
130- to [ ConfigProvider component] ( #/zh-CN /component/configprovider ) 。
130+ to [ ConfigProvider component] ( #/en-US /component/configprovider ) 。
131131
132132| Name | Default | Description |
133133| --- | --- | --- |
134- | \- -nutui -space-gap | ` 8px ` | Spacing size |
134+ | \- -nut -space-gap | ` 8px ` | Spacing size |
0 commit comments