ferrox-front-ui 0.2.0

12-column responsive Grid system, virtualized DataGrid (1M rows), and Bootstrap-style UI components in Rust Wasm.
Documentation 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31

//! # Responsive Layout Submodule (`ferrox-front-ui::layout`)
//!
//! `layout` provides a 12-column responsive layout grid (`container`, `row`, `col`).
//!
//! ## Functions
//! - `container()`: Centered container element (`.fx-container`).
//! - `row()`: Flexbox row container (`.fx-row`).
//! - `col(spans)`: Responsive column wrapper (`col("12 md-6 lg-4")`).

use ferrox_front_core::dom::{div, DomBuilder};

pub fn container() -> DomBuilder {
    div().attr("class", "fx-container")
}

pub fn row() -> DomBuilder {
    div().attr("class", "fx-row")
}

/// Creates a column with specific breakpoint spans, e.g., "12 md-6 lg-4"
pub fn col(spans: &str) -> DomBuilder {
    let mut class_str = String::from("fx-col");
    for span in spans.split_whitespace() {
        if span.contains('-') {
            class_str.push_str(&format!(" fx-col-{}", span));
        } else {
            class_str.push_str(&format!(" fx-col-{}", span));
        }
    }
    div().attr("class", &class_str)
}