UikWidget

Widget is a basic element for building your app. It's a container with border and white background.

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.
paddingBooleanfalsefalseAdds internal 30px padding
marginBooleanfalsefalseAdds outer 15px margin
...restanyfalseOther properties are passed down to the wrapping element

UikWidget Examples

This is a widget

<UikWidget padding>
  <h2>
    This is a widget
  </h2>
</UikWidget>