Combobox
Framework picker
Search and select from a list of frontend frameworks.
Pre-selected
React
Vue
Angular
Svelte
Next.js
Nuxt
SvelteKit
Remix
Astro
Solid
No framework found.
Placeholder
React
Vue
Angular
Svelte
Next.js
Nuxt
SvelteKit
Remix
Astro
Solid
No framework found.
Disabled
React
Vue
Angular
Svelte
Next.js
Nuxt
SvelteKit
Remix
Astro
Solid
No framework found.
Assign team member
A realistic search-to-select pattern for assigning people to a task.
Alice Johnson
Bob Smith
Carol Williams
David Brown
Elena Garcia
Frank Miller
Grace Lee
Henry Chen
No team member found.
Alice Johnson
Bob Smith
Carol Williams
David Brown
Elena Garcia
Frank Miller
Grace Lee
Henry Chen
No team member found.
Optional. The reviewer will be notified when the task is ready.
Usage
use maud_ui::primitives::combobox;
let html = combobox::render(combobox::Props {
id: "lang-combo".into(),
name: "language".into(),
placeholder: "Select language".into(),
selected: Some("rust".into()),
options: vec![
combobox::ComboboxOption { value: "rust".into(), label: "Rust".into() },
combobox::ComboboxOption { value: "ts".into(), label: "TypeScript".into() },
],
..Default::default()
});