WhisperComponentsare the individual elements, whether visible or not, that build up the UI of a Whisper in Olive Helps. While each type of component produces something different, they all have some attributes in common with each other, as described below:
layoutattribute is used to modify the spacing and size of a specific component. It's value is an object of the type
flexCSS shorthand property sets how a flex item will grow or shrink to fit the space available in its flex container. This property is a shorthand for the following CSS properties:
heightproperties. It shrinks to its minimum size to fit the container, but does not grow to absorb any extra free space in the flex container. This is equivalent to setting "
flex: 0 1 auto".
heightproperties, but grows to absorb any extra free space in the flex container, and shrinks to its minimum size to fit the container. This is equivalent to setting "
flex: 1 1 auto".
heightproperties. It is fully inflexible: it neither shrinks nor grows in relation to the flex container. This is equivalent to setting "
flex: 0 0 auto".
flex-basisof the flex item. A preferred size of
0must have a unit to avoid being interpreted as a flexibility. Defaults to
0when omitted. (initial is
flexvalue is same as CSS's initial value, which is:
WhisperComponentTypecan look like, as well as a brief description. You can see more features and use cases in specific Whisper component pages.