Example renders no visible UI

This error message is displayed if your component does not vender any visible UI elements to the page. This can occur for a number of reasons:

  • The component has no content Some components are meant to be containers of content, but do not have any UI elements themselves. e.g. div elements. To resolve this issue, add content into the example.
  • The component has no width or height Some components do not force a min-width and instead fill the container space. However, as the preview container does not have any defined width by default, this means nothing is displayed. To resolve this error, set a width on the example by either dragging the drag handles in the preview, or by setting the width or height property.

  • This is a non-visual component If this is the case, we recommend deleting the example as there is nothing to display