Biji UI

为您的 Leptos 项目提供轻松的 UI 组件

使用 Biji UI，一组专为 Leptos 框架设计的必备 UI 组件，更快地构建美丽且功能强大的用户界面。

无缝集成任何 CSS 框架，Biji UI 允许您利用实用优先的样式功能轻松地使组件栩栩如生。专注于构建您应用程序的核心功能，而 Biji UI 则处理 UI 基础。

Biji UI 受 HeadlessUI（用于 React）和 Melt UI（用于 Svelte）等流行的无头 UI 库的启发。

阅读文档

用法

安装

cargo add biji-ui

示例

use leptos::*;
use biji_ui::components::accordion;

#[component]
pub fn AccordionExample() -> impl IntoView {

    let items = [
        ("Item 1", "Content 1"),
        ("Item 2", "Content 2"),
        ("Item 3", "Content 3"),
    ];

    view! {
        <accordion::Root>
            {items
                .into_iter()
                .map(|(title, content)| {
                    view! {
                        <accordion::Item>
                            <accordion::Toggle>
                                {title}
                            </accordion::Toggle>
                            <accordion::Content>
                                {content}
                            </accordion::Content>
                        </accordion::Item>
                    }
                })
                .collect::<Vec<_>>()}
        </accordion::Root>
    }
}