thaw/demo_markdown/docs/radio/mod.md

49 lines
2 KiB
Markdown
Raw Normal View History

# Radio
```rust demo
2024-07-24 23:52:38 +08:00
let value = RwSignal::new(String::new());
let option_value = RwSignal::new(None);
view! {
2024-07-24 23:52:38 +08:00
<Space vertical=true>
<RadioGroup value>
<Radio value="a" label="Apple"/>
<Radio value="o" label="Orange"/>
</RadioGroup>
<RadioGroup value=option_value>
<Radio value="a" label="Apple"/>
<Radio value="o" label="Orange"/>
</RadioGroup>
</Space>
<div style="margin-top: 1rem">
2024-07-24 23:52:38 +08:00
"value: " {move || format!("{}", value.get())}
</div>
<div style="margin-top: 1rem">
"option_value: " {move || format!("{:?}", option_value.get())}
</div>
}
```
### Radio Props
2024-02-09 22:44:22 +08:00
| Name | Type | Default | Description |
| -------- | ----------------------------------- | -------------------- | ---------------------------------------- |
| class | `OptionalProp<MaybeSignal<String>>` | `Default::default()` | Addtional classes for the radio element. |
| value | `Model<bool>` | `false` | Checked value. |
| children | `Option<Children>` | `None` | Radio's content. |
### RadioGroup Props
| Name | Type | Default | Description |
| -------- | ----------------------- | -------------------- | ---------------------------------- |
| value | `Model<Option<String>>` | `Default::default()` | Sets the value of the radio group. |
| children | `Children` | | RadioGroup's content. |
### RadioItem Props
| Name | Type | Default | Description |
| --- | --- | --- | --- |
| class | `OptionalProp<MaybeSignal<String>>` | `Default::default()` | Addtional classes for the radio element. |
| key | `String` | | The key of the radio to be used in a radio group. |
| children | `Option<Children>` | `None` | Radio's content. |