UikWidgetTable

Variation of UikWidget that inherits all props and have some extra styling for basic elements such as h1, p, code, ...

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

UikWidgetTable Example

ColumnAnother one
Some valueValue
Another LineAnd value
<UikWidgetTable>
  <thead>
    <tr>
      <th>
        Column
      </th>
      <th>
        Another one
      </th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>
        Some value
      </td>
      <td>
        Value
      </td>
    </tr>
  </tbody>
</UikWidgetTable>