Actions
Switch Theme
Getting startedInstallation
Basics
SocialsYouTube
Facebook
Jose Tamu
July 16, 2024 /  Beginner

Codepen

Content element

Content element: URL of the pen you want to display.
Default tab: there is a wide variety of default tab options to choose from. It will determine the tab or tabs to display by default.
Editable: if enabled, users will be able to edit the pen’s code.
Preview: if enabled, a Run Pen button will display to run the pen instead of running it at page load.

Animation controls

Theme: there are 3 built-in themes: default, light and dark. In addition, you can set a theme by its number. e.g: 31205
Default zoom: Determines the default zoom applied at the preview: 0.25, 0.5 or 1.

-Tamu

On this page