mirror of
https://github.com/adoyle0/thaw.git
synced 2025-01-23 14:29:22 -05:00
44 lines
1.5 KiB
Markdown
44 lines
1.5 KiB
Markdown
|
# Anchor
|
||
|
|
|
||
|
|
```rust demo
|
||
|
|
view! {
|
||
|
|
<Anchor>
|
||
|
|
<AnchorLink title="Web API" href="#web">
|
||
|
|
<AnchorLink title="DOM" href="#dom"/>
|
||
|
|
<AnchorLink title="SVG" href="#svg"/>
|
||
|
|
<AnchorLink title="File API" href="#file"/>
|
||
|
|
</AnchorLink>
|
||
|
|
<AnchorLink title="Rust" href="#rust"/>
|
||
|
|
<AnchorLink title="Anchor Props" href="#anchor-props"/>
|
||
|
|
<AnchorLink title="AnchorLink Props" href="#anchorlink-props"/>
|
||
|
|
</Anchor>
|
||
|
|
}
|
||
|
|
```
|
||
|
|
|
||
|
|
```rust demo
|
||
|
|
view! {
|
||
|
|
<Anchor>
|
||
|
|
<AnchorLink title="Anchor" href="#anchor"/>
|
||
|
|
<AnchorLink title="Anchor Props" href="#anchor-props"/>
|
||
|
|
<AnchorLink title="AnchorLink Props" href="#anchorlink-props"/>
|
||
|
|
</Anchor>
|
||
|
|
}
|
||
|
|
```
|
||
|
|
|
||
|
|
### Anchor Props
|
||
|
|
|
||
|
|
| Name | Type | Default | Description |
|
||
|
|
| --- | --- | --- | --- |
|
||
|
|
| class | `OptionalProp<MaybeSignal<String>>` | `Default::default()` | Additional classes for the anchor element. |
|
||
|
|
| offset_target | `Option<OffsetTarget>` | `None` | The element or selector used to calc offset of link elements. If you are not scrolling the entire document but only a part of it, you may need to set this. |
|
||
|
|
| children | `Children` | | Anchor's children. |
|
||
|
|
|
||
|
|
### AnchorLink Props
|
||
|
|
|
||
|
|
| Name | Type | Default | Description |
|
||
|
|
| --- | --- | --- | --- |
|
||
|
|
| class | `OptionalProp<MaybeSignal<String>>` | `Default::default()` | Additional classes for the anchor link element. |
|
||
|
|
| title | `MaybeSignal<String>` | | The content of link. |
|
||
|
|
| href | `String` | | The target of link. |
|
||
|
|
| children | `Option<Children>` | `None` | AnchorLink's children. |
|