Skip to main content
All CollectionsDeveloping with Subframe
View component documentation
View component documentation

How to see code documentation & interactive examples for a component

Irvin Zhan avatar
Written by Irvin Zhan
Updated over a week ago

Subframe gives you a customizable design system that's exported as React code. You can add business logic to any exported Subframe component. To understand the React props available for a component, view its documentation.

View docs for a component

  1. Open Subframe and click on the Components tab in the top nav.

  2. Click on the component you want either in the left sidebar or in the middle

  3. You should now see documentation for the React props, source code, and interactive examples.

Tip: All components accept React DOM props like onClick and className.

View interactive examples

Some component docs have interactive examples that you can copy / paste.

  1. Open Subframe and click on the Components tab in the top nav.

  2. Click on the component you want either in the left sidebar or in the middle

  3. Scroll down to Examples

  4. Click on "View code" to see the code for each example. It is fully editable.

Did this answer your question?