Seed Bootstrap

一组前端组件，便于在 Rust 中使用 Bootstrap CSS 组件和 Seed 框架创建单页网络应用。

用法

本项目假设您已有一个使用 Seed 框架的网络应用。如果没有，请参考 Seed 快速入门 项目开始。

在 Cargo.toml 中像普通 Rust 库一样依赖 Seed Bootstrap。

[dependencies]
seed = "0.8"
seed-bootstrap = "0.1"

有关如何将 Bootstrap 包含在您的应用程序中的信息，请参阅 Bootstrap 文档。

Seed Bootstrap 提供了一些构建器，可以用作您的 Seed 视图函数的一部分。例如，这是创建各种 Bootstrap 风格按钮的方法。

use seed_bootstrap::button::{Button, Role, Type};

fn view(model: &Model) -> Node<Msg> {
    div![
        Button::new("Primary"),
        " ",
        Button::new("Secondary").secondary(),
        " ",
        Button::new("Success").success(),
        " ",
        Button::new("Danger").danger(),
        " ",
        Button::new("Warning").warning(),
        " ",
        Button::new("Info").info(),
        " ",
        Button::new("Light").light(),
        " ",
        Button::new("Dark").dark(),
        " ",
        Button::new("Link").link(),
    ]
}

运行演示

所有组件的演示都包含在这个存储库中。

从干净的 Rustup 基础的 Rust 安装中，您需要安装 WebAssembly 目标和 Wasm-pack 来构建演示。您可以使用以下命令来完成此操作：

• rustuptarget add wasm32-unknown-unknown
• cargoinstall wasm-pack

之后，在 example 目录 中打开终端。然后，运行 cargo run。然后，打开网络浏览器并导航到 https://127.0.0.1:3030/。您应该看到组件目录。

许可证

根据您的要求，在以下两者中选择一种：

• Apache 许可证，版本 2.0 (LICENSE-APACHE 或 https://apache.ac.cn/licenses/LICENSE-2.0)
• MIT 许可证 (LICENSE-MIT 或 http://opensource.org/licenses/MIT)

任选其一。