Skip to content

Commit

Permalink
Added Ui.Row component.
Browse files Browse the repository at this point in the history
  • Loading branch information
gdotdesign committed Apr 29, 2021
1 parent a2bc471 commit e1bd9f6
Showing 1 changed file with 31 additions and 0 deletions.
31 changes: 31 additions & 0 deletions source/Row.mint
Original file line number Diff line number Diff line change
@@ -0,0 +1,31 @@
/* A row of items which are separated by a gap (uses Ui.Container). */
component Ui.Row {
/* The size of the component. */
property size : Ui.Size = Ui.Size::Inherit

/* The gap between the items. */
property gap : Ui.Size = Ui.Size::Em(0.5)

/* The items to render. */
property children : Array(Html) = []

/* Where to justify the items. */
property justify : String = "stretch"

/* Where to align the items. */
property align : String = "stretch"

/* Renders the component. */
fun render : Html {
<Ui.Container
orientation="horizontal"
justify={justify}
align={align}
size={size}
gap={gap}>

<{ children }>

</Ui.Container>
}
}

0 comments on commit e1bd9f6

Please sign in to comment.