yew-scroll-area

Usage

If you want scrollbars, simply surround the item you want to scroll with a <ScrollArea></ScrollArea> component.

```rust

[function_component(App)]

fn app() -> Html { html!{

{ contents here ... }

} } ``

The

` component will be 100% of the width and height of the parent element and will allow scrolling for any child elements that extend beyond it.

The <ScrollArea></ScrollArea> component is styled using yew-style-in-rs.In other words, you need to copy and place style.css from the build artifact.

Display of vertical scrollbars

Add vertical=true if you want to use vertical scrollbars.

```rust

[function_component(App)]

fn app() -> Html { html!{

{ contents here ... }

} } ```

Display of horizontal scrollbars

Add horizontal=true if you want to use horizontal scrollbars.

```rust

[function_component(App)]

fn app() -> Html { html!{

{ contents here ... }

} } ```

Display of scrollbars in both vertical and horizontal directions

Add vertical=true and horizontal=true if you want to use vertical and horizontal scrollbars.

```rust

[function_component(App)]

fn app() -> Html { html!{

{ contents here ... }

} } ```

Colorize of scrollbar

Add color={Color::rgba(128, 255, 0, 0.8)} if you want to colorize scrollbars.

```rust

[function_component(App)]

fn app() -> Html { html!{

} } ```

Other property of scrollbars

Add attributes width, round, hidetime and smoothtime for styling scrollbars.

```rust

[function_component(App)]

fn app() -> Html { html!{

} } ```