Struct RatioProps 

pub struct RatioProps {
    pub aspect: String,
    pub class: String,
    pub children: Element,
}

Bootstrap responsive embed / aspect ratio wrapper.

Bootstrap HTML → Dioxus

<!-- Bootstrap HTML -->
<div class="ratio ratio-16x9">
  <iframe src="https://www.youtube.com/embed/..."></iframe>
</div>

rsx! {
    Ratio { aspect: "16x9",
        iframe { src: "https://www.youtube.com/embed/..." }
    }
    Ratio { aspect: "1x1",
        div { class: "bg-primary text-white d-flex align-items-center justify-content-center", "1:1" }
    }
}

Props

• aspect — “1x1”, “4x3”, “16x9”, “21x9”

Fields

aspect: String

Aspect ratio: “1x1”, “4x3”, “16x9”, “21x9”.

class: String

Additional CSS classes.

children: Element

Child element (iframe, video, embed, etc.).

Implementations

impl RatioProps

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

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

Trait Implementations

impl Clone for RatioProps

fn clone(&self) -> RatioProps

Returns a duplicate of the value.

fn clone_from(&mut self, source: &Self)

Performs copy-assignment from source.

impl PartialEq for RatioProps

fn eq(&self, other: &RatioProps) -> bool

Tests for self and other values to be equal, and is used by ==.

fn ne(&self, other: &Rhs) -> bool

Tests for !=. The default implementation is almost always sufficient, and should not be overridden without very good reason.

impl Properties for RatioProps

where Self: Clone,

type Builder = RatioPropsBuilder<((), (), ())>

The type of the builder for this component. Used to create “in-progress” versions of the props.

fn builder() -> Self::Builder

Create a builder for this component.

fn memoize(&mut self, new: &Self) -> bool

Make the old props equal to the new props. Return if the props were equal and should be memoized.

fn into_vcomponent<M>( self, render_fn: impl ComponentFunction<Self, M>, ) -> VComponent

where M: 'static,

Create a component from the props.

impl StructuralPartialEq for RatioProps