2024-01-03 20:52:56 +08:00
|
|
|
# Divider
|
|
|
|
|
|
|
|
```rust demo
|
|
|
|
view! {
|
2024-05-10 23:26:09 +08:00
|
|
|
<Space vertical=true>
|
|
|
|
<div style="padding: 30px 0; background-color: var(--colorNeutralBackground1);">
|
|
|
|
<Divider />
|
|
|
|
</div>
|
|
|
|
<div style="padding: 30px 0; background-color: var(--colorNeutralBackground1);">
|
|
|
|
<Divider>"Text"</Divider>
|
|
|
|
</div>
|
|
|
|
</Space>
|
|
|
|
}
|
|
|
|
```
|
|
|
|
|
|
|
|
### Vertical
|
|
|
|
|
|
|
|
```rust demo
|
|
|
|
view! {
|
|
|
|
<Space vertical=true gap=SpaceGap::Large>
|
|
|
|
<div style="height: 100px; background-color: var(--colorNeutralBackground1);">
|
|
|
|
<Divider vertical=true/>
|
|
|
|
</div>
|
|
|
|
<div style="height: 100px; background-color: var(--colorNeutralBackground1);">
|
|
|
|
<Divider vertical=true>"Text"</Divider>
|
|
|
|
</div>
|
|
|
|
</Space>
|
2024-01-03 20:52:56 +08:00
|
|
|
}
|
|
|
|
```
|
|
|
|
|
|
|
|
### Divider Props
|
|
|
|
|
2024-02-09 22:44:22 +08:00
|
|
|
| Name | Type | Default | Desciption |
|
|
|
|
| ----- | ----------------------------------- | -------------------- | ------------------------------------------ |
|
|
|
|
| class | `OptionalProp<MaybeSignal<String>>` | `Default::default()` | Addtional classes for the divider element. |
|