hikari-components 0.1.10

Core UI components (40+) for the Hikari design system
docs.rs failed to build hikari-components-0.1.10
Please check the build logs for more information.
See Builds for ideas on how to fix a failed build, or Metadata for how to configure docs.rs builds.
If you believe this is docs.rs' fault, open an issue.

hikari-components

Comprehensive UI component library with Arknights-style design and FUI (Future User Interface) aesthetics.

Installation

[dependencies]
hikari-components = "0.1"
hikari-theme = "0.1"
hikari-palette = "0.1"

Quick Start

use hikari_components::*;
use hikari_theme::ThemeProvider;

fn app() -> Element {
    rsx! {
        ThemeProvider { palette: "arknights".to_string(),
            div { class: "container",
                Button { variant: ButtonVariant::Primary, "Click Me" }
                Card {
                    header: rsx! { h2 { "Card Title" } },
                    "Card content goes here"
                }
            }
        }
    }
}

Documentation

For complete API documentation and component examples, see docs.rs

Features

Component Categories

Category Feature Components
Basic basic Button, Input, Card, Badge
Feedback feedback Alert, Toast, Tooltip
Navigation navigation Menu, Tabs, Breadcrumb
Data data Table, Tree, Pagination
Layout (always) Layout, Header, Aside, Content

Feature Flags

Enable all basic components:

[dependencies]
hikari-components = { features = ["basic"] }

Enable specific components:

[dependencies]
hikari-components = { features = ["button", "input", "card"] }

License

MIT OR Apache-2.0