guise-ui 1.5.3

A component library for gpui, Zed's GPU-accelerated UI framework: a themed palette, sizing tokens, 130+ composable components, a reactive state layer, and an in-app Safari-style inspector.
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
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51

//! `Wrap` — a flex row that wraps onto multiple lines. Flutter's `Wrap`.

use crate::devtools::Probed;
use gpui::prelude::*;
use gpui::{div, px, AnyElement, App, IntoElement, Window};

/// Lays children out in a row, wrapping to new lines as needed.
#[derive(IntoElement)]
pub struct Wrap {
  children: Vec<AnyElement>,
  spacing: f32,
}

impl Wrap {
  pub fn new() -> Self {
    Wrap {
      children: Vec::new(),
      spacing: 8.0,
    }
  }

  /// Gap between children, on both axes.
  pub fn spacing(mut self, spacing: f32) -> Self {
    self.spacing = spacing;
    self
  }
}

impl Default for Wrap {
  fn default() -> Self {
    Wrap::new()
  }
}

impl ParentElement for Wrap {
  fn extend(&mut self, elements: impl IntoIterator<Item = AnyElement>) {
    self.children.extend(elements);
  }
}

impl RenderOnce for Wrap {
  fn render(self, _window: &mut Window, _cx: &mut App) -> impl IntoElement {
    div()
      .flex()
      .flex_row()
      .flex_wrap()
      .gap(px(self.spacing))
      .children(self.children)
      .probe("Wrap")
  }
}