Struct ResizableSplitProps 

pub struct ResizableSplitProps {
    pub direction: SplitDirection,
    pub class: TextProp,
    pub handle_class: TextProp,
    pub percentages: Option<RwSignal<Vec<f64>>>,
    pub children: ChildrenFragment,
}

Props for the ResizableSplit component.

A resizable split component. Children will be put into a grid with columns or rows, depending on the direction. The number of children determines the number of splits.

Example:

use leptos_resize::ResizableSplit;

#[component]
fn MyComponent() -> impl IntoView {
  view! {
    <ResizableSplit>
      <div>"First"</div>
      <div>"Second"</div>
      <div>"Third"</div>
    </ResizableSplit>
  }
}

Required Props

• children: ChildrenFragment

Optional Props

• direction: impl Into<SplitDirection>
  • The direction of the split.
• class: impl Into<TextProp>
  • The class property for the underlying grid.
• handle_class: impl Into<TextProp>
  • The class property for the resize handle.
• percentages: RwSignal<Vec<f64>>
  • The percentages of the splits. Will update on resize.

Fields

direction: SplitDirection

The direction of the split.

class: TextProp

The class property for the underlying grid.

handle_class: TextProp

The class property for the resize handle.

percentages: Option<RwSignal<Vec<f64>>>

The percentages of the splits. Will update on resize.

children: ChildrenFragment

Implementations

impl ResizableSplitProps

pub fn builder() -> ResizableSplitPropsBuilder<((), (), (), (), ())>

Create a builder for building ResizableSplitProps. On the builder, call .direction(...)(optional), .class(...)(optional), .handle_class(...)(optional), .percentages(...)(optional), .children(...) to set the values of the fields. Finally, call .build() to create the instance of ResizableSplitProps.

Trait Implementations

impl Props for ResizableSplitProps

type Builder = ResizableSplitPropsBuilder

fn builder() -> Self::Builder