Keyboard shortcuts

Press or to navigate between chapters

Press S or / to search in the book

Press ? to show this help

Press Esc to hide this help

Library sidebar

Linear: AUT-134

Left rail of the library screen. Primary nav rows (New / All / Starred / Shared / Inbox), SPACES, TAGS, and a bottom storage quota meter that turns red past 85%.

States

StateStory
Defaultlibrary-sidebar-default
Inbox activelibrary-sidebar-inbox-active
95% storage (warning)library-sidebar-high-storage
No spaces sectionlibrary-sidebar-empty-spaces
Long labels truncatelibrary-sidebar-long-labels

API

#![allow(unused)]
fn main() {
use ui_storybook::components::library::{LibrarySidebar, LibrarySidebarView};
use ui_storybook::fixtures::library::sample_library_sidebar;

view! {
    <LibrarySidebar view=sample_library_sidebar(/* inbox_unread */ 3) />
}
}

StorageMeter clamp

StorageMeterView::percent_used is a 0.0..=1.0 fraction. storage_percent clamps and rounds it before applying the warn threshold — the parent doesn't have to pre-validate. The bar turns red at 85%.