Enum SelectVariant 

pub enum SelectVariant {
    Default,
    Destructive,
    Ghost,
}

Select component with proper accessibility and styling variants

The Select component provides accessible dropdown selection functionality with proper ARIA attributes, keyboard navigation, focus management, and flexible styling.

Features

• Proper select semantics and accessibility
• Keyboard navigation (Arrow keys, Enter, Escape)
• Focus management and tab navigation
• Multiple variants and sizes
• State management (open/closed, selected value)
• Event handling (change, open, close)
• Integration with form controls

Example

use leptos::prelude::*;
use radix_leptos_primitives::*;

#[component]
fn MySelect() -> impl IntoView {
    let (selected_value, setselected_value) = create_signal("option1".to_string());
    let (isopen, set_isopen) = create_signal(false);

    let options = [
        ("option1", "Option 1"),
        ("option2", "Option 2"),
        ("option3", "Option 3"),
    ];

    view! {
        <Select
            value=selected_value
            on_value_change=move |value| setselected_value.set(value)
            open=isopen
            onopen_change=move |open| set_isopen.set(open)
        >
            <SelectTrigger>
                <SelectValue placeholder="Select an option" />
            </SelectTrigger>
            <SelectContent>
                {options.into_iter().map(|(value, label)| {
                    view! {
                        <SelectItem value=value.to_string()>
                            {label}
                        </SelectItem>
                    }
                }).collect_view()}
            </SelectContent>
        </Select>
    }
}

Variants

Default

Destructive

Ghost

Implementations

impl SelectVariant

pub fn as_str(&self) -> &'static str

Trait Implementations

impl Clone for SelectVariant

fn clone(&self) -> SelectVariant

Returns a duplicate of the value.

fn clone_from(&mut self, source: &Self)

Performs copy-assignment from source.

impl Debug for SelectVariant

fn fmt(&self, f: &mut Formatter<'_>) -> Result<(), Error>

Formats the value using the given formatter.

impl PartialEq for SelectVariant

fn eq(&self, other: &SelectVariant) -> bool

Tests for self and other values to be equal, and is used by ==.

fn ne(&self, other: &Rhs) -> bool

Tests for !=. The default implementation is almost always sufficient, and should not be overridden without very good reason.

impl Copy for SelectVariant

impl StructuralPartialEq for SelectVariant