Module Ui.Group
Element groups.
Groups allow to gather and layout GUI elements and summarize their actions. See the styling information.
Groups
type align
=[
|
`Start
|
`End
|
`Center
|
`Justify
|
`Distribute
|
`Stretch
]
The type for specifying alignements.
`Stretch
is dodgy.
val v : ?class':Jstr.t -> ?enabled:bool Note.signal -> ?action:'a Note.event -> ?xdir_align:align -> ?dir_align:align -> dir:dir -> Brr.El.t list Note.signal -> 'a t
v ~class' ~enabled ~action ~dir_align ~xdir_align ~dir cs
layouts elementscs
in a container. Arguments are as follows:dir
is the layout direction for elementsdir_align
is the alignment between elements in the layout direction. Defaults to`Start
.xdir_align
is the alignement between elements in the direction perpendicular to the layout direction. Defaults to`Start
.action
can be used by the client to summarize the user interaction performed by the underlying elements. Defaults toE
.enverenabled
visually indicates if the group can be interacted with. Defaults toS
.Bool.true'class'
is added to the underlying element's classes.
val enabled : 'a t -> bool Note.signal
enabled g
istrue
iffg
is enabled.
Transforming UI elements
Styling
The element returned by el
makes use of the following CSS classes:
ui-group
always.ui-dir-{h,v}
according todir
.ui-dir-align-{start,end,center,justify,distribute,stretch}
according todir_align
ui-xdir-align-{start,end,center,justify,distribute,stretch}
according toxdir_align
ui-disabled
wheneverenabled
isfalse
.