Welcome to Sandbox, an interactive tutorial,
where you can change whatever you like.

Button

Now you're in the editing mode. To preview the page, press P or click on in the right bottom corner. To return to editing, press , which replaced the eye. You can switch between two modes anytime.

P
switch between editing and preview mode

Check if you’re in the editing mode, press W or a at the left bottom menu, and select the Button widget. You can change the size of the button by dragging its edge or a corner.

W
add widget

⌘+Z
undo action

⌘+Shift+Z
redo action

Type or insert any text into the button. Use button settings on the right edge of the screen to edit the button, add an icon by clicking , or delete the text. Here you can also change the shape of the button or make its appearance change on hover.

Let's add some action: click —and make your button an animation trigger (1), add link and it will open a webpage (2), or use an anchor to navigate users to a particular place on a page (3).