pub fn aligned_preview_pane<'a, Message, Renderer>(
alignment: Horizontal,
content: impl Into<Element<'a, Message, Theme, Renderer>>,
) -> Container<'a, Message, Theme, Renderer>where
Message: 'a,
Renderer: Renderer + 'a,Expand description
Creates a fixed-height component preview pane with horizontal alignment.
Examples found in repository?
examples/showcase/pages/structure.rs (lines 167-173)
165fn side_sheets(state: &Showcase) -> material::Element<'static, Message> {
166 let width = page::preview_width(state.window_size.width);
167 let standard = page::aligned_preview_pane(
168 alignment::Horizontal::Right,
169 material::widget::sheet::standard_side(side_sheet_content(
170 "Standard side sheet",
171 "Coexists with the page while supporting content remains visible.",
172 )),
173 );
174
175 let modal = page::preview_pane(material::widget::sheet::modal_side_overlay(
176 material::widget::sheet::Side::Right,
177 side_sheet_content(
178 "Modal side sheet",
179 "Uses a scrim and keeps focus on a temporary side task.",
180 ),
181 ));
182
183 page::component_stack([
184 page::centered_preview(width, standard).into(),
185 page::centered_preview(width, modal).into(),
186 ])
187 .into()
188}