ReferencesbsGroup

<sbsGroup>

<sbsGroup> is a Sectional component that serves as a container element for multiple <sideBySide> components.

Attributes and Properties

Attributes for <sbsGroup>
AttributeTypeValues
margins = "…"[ number ]
valign = "…"
valigns = "…"[ text ]
width = "…"
widths = "…"[ number ]
Props for <sbsGroup name="s">
PropertyType
$s.absoluteMeasurementsboolean
$s.disabledboolean
$s.fixedboolean
$s.fixLocationboolean
$s.gapWidthnumber
$s.hiddenboolean
$s.margins[ number ]
$s.valigns[ text ]
$s.widths[ number ]

Example: <sbsGroup> without attributes

In this example, the <sbsGroup> container is used without any additional attributes. The default margin between elements is 0.


Attribute Example: margins

In this example, two <sideBySide> components are grouped together in a unit with the <sbsGroup> container. The margins attribute provides a margin that applies to both <sideBySide> elements.


Attribute Example: width / widths

The widths attribute can be used in the <sbsGroup> container to set the widths for all of the <sideBySide> components contained in the group.