Components / Ribbon
Ribbon
Office-style command bar with tabs, groups and quick access.
Example
The component itself, running in WebAssembly, beside its code in a playground. Try it.
Code
use ravenrs::prelude::*;
fn ribbon() -> impl View {
Ribbon::new()
.app_menu("File", vec![MenuItem::new("Save").icon(IconName::Save).shortcut("⌘S")])
.quick_access(RibbonItem::button("Undo", IconName::Undo2))
.page(
RibbonPage::new("Home")
.group(
RibbonGroup::new("Clipboard")
.item(RibbonItem::button("Paste", IconName::ClipboardPaste).large())
.item(RibbonItem::button("Copy", IconName::Copy).small()),
)
.group(
RibbonGroup::new("Output").item(RibbonItem::button("Print", IconName::Printer).large()),
),
)
.page(
RibbonPage::new("Insert")
.group(RibbonGroup::new("Items").item(RibbonItem::button("Image", IconName::Image).large())),
)
}