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.