Find the snippets you can use to reproduce similar results of components in your webshop.

Which visualizations do we offer?

Each component is defined by the specific HTML tag.

Cards

<retraced-cards></retraced-cards>

<retraced-icons></retraced-icons>

Use variant="icon" to show only a round icon button with a tooltip instead of the icon with text. See Webshop Components Customizations.

<retraced-icons-with-description></retraced-icons-with-description>

<retraced-button-verified></retraced-button-verified>

<retraced-button-transparency-report></retraced-button-transparency-report>

Both buttons use the same data and open the same transparency report. Only the look is different.

Type	Tag
Cards	<retraced-cards/>
Icons	<retraced-icons/>
Icons with description	<retraced-icons-with-description/>
Verified button	<retraced-button-verified/>
Transparency report button	<retraced-button-transparency-report/>

For this, please check out our demo webshop.

TIP: Find out here which customizations are possible!