UikWidgetContent

UikWidgetContent is a basic element intended to be used inside a UikWidget. It adds 30px padding and if it's not a last child in the dom tree, at also adds 1px border between self and a next sibling element

PropertyTypeRequiredDefault ValueDescription
classNameStringfalsenullclassName, e.g. "my-custom-styling"
childrenReact.Nodefalsenull
ComponentReact.ElementTypefalsedivRenders the component with a given react element. By default, the component renders <div />. This is usefull when you want to use a same style but render a different HTML element or your custom component. Read and see more examples here.
greyBooleanfalsefalseSet's the background to match the light grey app background
...restanyfalseOther properties are passed down to the wrapping element

UikWidget Example

This is a widget

This is a paragraph

Different Headline

This is a paragraph

<UikWidget>
  <UikWidgetContent>
    <h2>
      This is a widget
    </h2>
    <p>
      This is a paragraph
    </p>
  </UikWidgetContent>
  <UikWidgetContent>
    <h2>
      Different Headline
    </h2>
    <p>
      This is a paragraph
    </p>
  </UikWidgetContent>
</UikWidget>