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
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68

//! `Stack` — children laid out in a column with consistent spacing.

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

use super::{apply_align, apply_justify, Align, Justify};
use crate::devtools::Probed;
use crate::theme::{theme, Size};

/// A vertical flex container.
#[derive(IntoElement)]
pub struct Stack {
  children: Vec<AnyElement>,
  gap: Size,
  align: Align,
  justify: Justify,
}

impl Stack {
  pub fn new() -> Self {
    Stack {
      children: Vec::new(),
      gap: Size::Md,
      align: Align::Stretch,
      justify: Justify::Start,
    }
  }

  /// Spacing between children.
  pub fn gap(mut self, gap: Size) -> Self {
    self.gap = gap;
    self
  }

  /// Cross-axis (horizontal) alignment.
  pub fn align(mut self, align: Align) -> Self {
    self.align = align;
    self
  }

  /// Main-axis (vertical) distribution.
  pub fn justify(mut self, justify: Justify) -> Self {
    self.justify = justify;
    self
  }
}

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

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

impl RenderOnce for Stack {
  fn render(self, _window: &mut Window, cx: &mut App) -> impl IntoElement {
    let gap = theme(cx).spacing(self.gap);
    let base = div().flex().flex_col().gap(px(gap));
    apply_justify(apply_align(base, self.align), self.justify)
      .children(self.children)
      .probe("Stack")
  }
}