Tabs
Make changes to your account here. Click save when you’re done.
Change your password here. After saving, you’ll be logged out.
Invite your team members to collaborate.
Sofia Davis
sofia@example.com
Jackson Lee
jackson@example.com
Isabella Nguyen
isabella@example.com
Usage
use maud_ui::primitives::tabs;
use maud::html;
let html = tabs::render(tabs::Props {
tabs: vec![
tabs::Tab { id: "overview".into(), label: "Overview".into(), content: html! { p { "Overview content" } } },
tabs::Tab { id: "settings".into(), label: "Settings".into(), content: html! { p { "Settings content" } } },
],
default_active: 0,
aria_label: "Account tabs".into(),
});