Crate typstify_ui 

Typstify UI Components

Leptos components for the Typstify frontend.

Components

Search

• SearchBox - Text input with debounced search
• SearchResults - List of search results
• SearchModal - Modal dialog for search (Cmd/Ctrl+K)
• SearchShortcut - Global keyboard shortcut handler

Article

• Article - Renders HTML content with custom CSS/JS
• ArticleMeta - Article metadata (date, reading time, tags)
• Prose - Styled prose wrapper

Navigation

• Navigation - Main site navigation
• TableOfContents - Article table of contents
• Breadcrumbs - Breadcrumb navigation

Example

use leptos::prelude::*;
use typstify_ui::{SearchBox, SearchResults, SearchResultItem};

#[component]
fn App() -> impl IntoView {
    let query = RwSignal::new(String::new());
    let results = Signal::derive(|| vec![]);
    let loading = Signal::derive(|| false);

    view! {
        <SearchBox query=query loading=loading />
        <SearchResults results=results />
    }
}

Re-exports

pub use article::Article;

pub use article::ArticleData;

pub use article::ArticleMeta;

pub use article::Prose;

pub use navigation::Breadcrumbs;

pub use navigation::NavItem;

pub use navigation::Navigation;

pub use navigation::TableOfContents;

pub use navigation::TocEntry;

pub use search::SearchBox;

pub use search::SearchModal;

pub use search::SearchResultItem;

pub use search::SearchResults;

pub use search::SearchShortcut;

Modules

article

Article component for rendering page content.

navigation

Navigation components for site navigation and table of contents.

search

Search components for the Typstify frontend.