Select
Preferences
A realistic settings form with theme, language, and a locked timezone field.
Light
Dark
System
Controls the application appearance.
English
Spanish
French
German
Japanese
UTC
US Eastern (EST)
US Pacific (PST)
Central European (CET)
Japan Standard (JST)
Select Anatomy
Individual select states shown in isolation.
Pre-selected
Active
Paused
Archived
Placeholder
Low
Medium
High
Critical
Disabled option
Free
Pro
Enterprise (contact sales)
Fully disabled
Viewer
Editor
Admin
Usage
use maud_ui::primitives::select;
let html = select::render(select::Props {
name: "country".into(),
id: "country-select".into(),
placeholder: "Choose a country".into(),
selected: Some("us".into()),
options: vec![
select::SelectOption { value: "us".into(), label: "United States".into(), disabled: false },
select::SelectOption { value: "gb".into(), label: "United Kingdom".into(), disabled: false },
],
..Default::default()
});