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
Open Subframe and click on the Components tab in the top nav.
Click on the component you want either in the left sidebar or in the middle
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.
Open Subframe and click on the Components tab in the top nav.
Click on the component you want either in the left sidebar or in the middle
Scroll down to Examples
Click on "View code" to see the code for each example. It is fully editable.