TeamUpdraft Components Storybook

Documentation to use the theme.

Select a component from the left.
You will see the preview of the component.
Click on the expand controls from the bottom left, which will open the controls panel for the component.
Select the attributes to the same attributes you see on your Figma design.
You will also be able to see the preview changing according to your selections.
Once done, click on HTML code preview below the controls to copy the HTML markup. And just paste that in your code, to display this exact same component you were seeing in the preview.

Export or import all browser-saved user presets as a project-sized JSON pack.