Skip to main content

Crate biji_ui

Crate biji_ui 

Source
Expand description

§Biji UI

Effortless headless UI components for your Leptos projects.

Biji UI provides a collection of accessible, unstyled UI components that integrate seamlessly with any CSS framework. Focus on building the core functionality of your application while Biji UI handles the UI foundation.

§Components

  • Accordion – Collapsible content sections with keyboard navigation.
  • Dialog – Modal dialogs with focus trapping and overlay support.
  • Menu – Standalone dropdown menus with nested submenus.
  • Menubar – Horizontal menu bars with keyboard-driven navigation.
  • Tooltip – Hover/focus tooltips with configurable positioning.

§Quick Start

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

#[component]
pub fn Example() -> impl IntoView {
    view! {
        <accordion::Root>
            <accordion::Item>
                <accordion::Toggle>"Toggle"</accordion::Toggle>
                <accordion::Content>"Content"</accordion::Content>
            </accordion::Item>
        </accordion::Root>
    }
}

Modules§

components
UI component modules (accordion, dialog, menu, menubar, tooltip).
custom_animated_show
Custom animated show/hide wrapper component with CSS class transitions.
items
Traits and helpers for item navigation, focus management, and toggling. Traits and helpers for navigating, focusing, and toggling collections of UI items.
utils
Utility modules for positioning, scroll prevention, and polygon math.

Macros§

cn
Concatenate multiple CSS class expressions into a single space-separated string.

Traits§

Style
A trait for converting a value into a CSS class string.