リストボックス

use hypersig::html::div;
use hypersig::style::Style;
use hypersig::style::value::rem;
use hypersig::{Page, Signals};
use hypersig_ui::Listbox;
use serde::{Deserialize, Serialize};

#[derive(Serialize, Deserialize, Clone, Copy, PartialEq)]
pub enum Font {
    Sans,
    Serif,
    Mono,
}

#[derive(Signals, Serialize, Deserialize)]
pub struct Editor {
    font: Font,
}

pub fn page() -> Page<Editor> {
    Page::new(
        "エディタ",
        Editor { font: Font::Sans },
    )
    .child(
        div().css(Style::new().max_width(rem(16))).child(
            Listbox::new(
                "フォント",
                Editor::font(),
            )
            .option(
                Font::Sans,
                "サンセリフ",
            )
            .option(
                Font::Serif,
                "セリフ",
            )
            .option(
                Font::Mono,
                "等幅",
            ),
        ),
    )
}