Skip to content
Share
Explore
TRAINSPOT
Currently viewed 0 of 21 calloutsResetNew document defaults
fdhjsfhlas
Page width and alignmentNew document defaults
fdhjsfhlas
Page width and alignmentLorem ipsum dolor sit amet, consectetur adipiscing elit. Sed rhoncus mi vel justo eleifend eleifend. Maecenas ante augue, pulvinar sed egestas id, blandit vitae magna. In risus lorem, condimentum at fringilla et, elementum rhoncus lectus. Integer eros ex, molestie eu venenatis a, mollis at quam. Phasellus ornare erat tellus. Donec urna erat, semper ut rhoncus sit amet, aliquet eget dui. Praesent scelerisque eros leo, vel convallis dolor fringilla vitae. Suspendisse gravida felis ac varius accumsan. Aliquam at posuere lectus. Nam malesuada metus convallis, pretium lectus eget, tristique quam. Nullam dictum porta nisi, eu egestas nisi mattis sed. Suspendisse egestas vel erat a consequat. Maecenas iaculis, sem at lobortis hendrerit, nunc nulla varius massa, sed ultrices purus ex ut leo. Fusce eget finibus sem, id auctor enim.
Etiam elementum porta dui id semper. Sed dictum pharetra blandit. Sed sed sollicitudin diam, vitae venenatis orci. Vivamus vel placerat arcu, et faucibus lorem. Vivamus viverra vehicula justo in rutrum. Nullam ullamcorper turpis eros, sed facilisis ligula finibus a. Ut ut odio vel mi congue tincidunt vitae consectetur mi. Nulla facilisis turpis at erat porta rutrum. Donec lobortis at lorem bibendum volutpat. Morbi fringilla sodales metus sit amet vehicula. Maecenas est risus, iaculis id orci eu, pretium elementum urna. Duis id cursus elit, maximus maximus nibh. Fusce tellus dolor, gravida eget consectetur id, tristique ac libero. Sed nisl erat, euismod sed nulla accumsan, porta interdum elit. Proin vel velit nec enim vestibulum faucibus quis congue arcu.
Sed condimentum rhoncus diam, vitae mollis justo dignissim at. Phasellus et aliquam turpis, eu placerat turpis. Maecenas nisl turpis, vestibulum in ante vitae, faucibus pretium dui. In ultrices vehicula urna nec bibendum. Sed ut nibh massa. Donec blandit nisi ac nunc pharetra, fringilla pellentesque lectus mollis. Etiam tristique molestie ipsum, eget tristique nulla tempor id. Nulla facilisi.
Donec enim sem, egestas id nisl ut, tempus placerat tortor. Maecenas egestas, ex accumsan pulvinar lobortis, lacus justo egestas elit, nec imperdiet nisl leo eget leo. Pellentesque condimentum justo a neque suscipit, in tincidunt metus commodo. Vestibulum at tortor quis diam malesuada dictum et eget ligula. Phasellus sit amet magna arcu. Suspendisse id euismod mi. Nunc maximus magna eget pellentesque sollicitudin. Integer imperdiet, ex vel maximus bibendum, nibh neque vehicula purus, a tincidunt purus libero interdum massa.
Ut porttitor feugiat massa, sit amet ullamcorper urna porttitor in. Nunc vehicula, odio sit amet vehicula scelerisque, elit ipsum rutrum quam, ut blandit neque elit vitae eros. Nunc tristique fermentum varius. In sit amet diam in nisi mollis ullamcorper at ac neque. Duis elementum convallis purus sed interdum. Aenean vestibulum bibendum est quis iaculis. Praesent quam sa
Have seen product toursReset
New document defaults
fdhjsfhlas
Page width and alignment
How do I....
For more info
Completed?
Find my way around Coda and new docs.
Go to
Broken link
Add or edit information on pages in a doc.
Go to
Broken link
Add or edit information within tables in a doc.
Go to
Broken link
There are no rows in this table
Organize tasks by status, due date, and owner. Insert new columns to track other relevant information, like teams, notes, or links.
Clear sample data
Tasks
Task
Owner
Status
Due date
Brainstorm mobile experience
Done
Nov 10
Create launch plan
In Progress
Nov 14
Squash bugs
Not started
Dec 1
There are no rows in this table
Select width and alignment for your new docs.
Width: narrow / Alignment: center
Time zone
Select your time zone.
GMT+1(+1:00)Europe/Berlin
// Create a ref directly on the button element.
const buttonRef = useRef<HTMLButtonElement>(null);
// Click handler: play the letter and bounce animations then open the link.
const handleClick = () => {
console.log('Button clicked');
const buttonEl = buttonRef.current;
if (!buttonEl) return;
// Query all letter elements inside the button.
const letters = buttonEl.querySelectorAll('.letter');
// Create a GSAP timeline for the click animations.
gsap
.timeline({
onComplete: () => {
// Call any extra onClick functionality.
if (onClick) onClick();
// If a link is provided, open it in a new tab.
if (href) {
window.open(href, '_blank');
}
},
}) // Create a ref directly on the button element.
const buttonRef = useRef<HTMLButtonElement>(null);
// Click handler: play the letter and bounce animations then open the link.
const handleClick = () => {
console.log('Button clicked');
const buttonEl = buttonRef.current;
if (!buttonEl) return;
// Query all letter elements inside the button.
const letters = buttonEl.querySelectorAll('.letter');
// Create a GSAP timeline for the click animations.
gsap
.timeline({
onComplete: () => {
// Call any extra onClick functionality.
if (onClick) onClick();
// If a link is provided, open it in a new tab.
if (href) {
window.open(href, '_blank');
}
},
}) // Create a ref directly on the button element.
const buttonRef = useRef<HTMLButtonElement>(null);
// Click handler: play the letter and bounce animations then open the link.
const handleClick = () => {
console.log('Button clicked');
const buttonEl = buttonRef.current;
if (!buttonEl) return;
// Query all letter elements inside the button.
const letters = buttonEl.querySelectorAll('.letter');
// Create a GSAP timeline for the click animations.
gsap
.timeline({
onComplete: () => {
// Call any extra onClick functionality.
if (onClick) onClick();
// If a link is provided, open it in a new tab.
if (href) {
window.open(href, '_blank');
}
},
}) // Create a ref directly on the button element.
const buttonRef = useRef<HTMLButtonElement>(null);
// Click handler: play the letter and bounce animations then open the link.
const handleClick = () => {
console.log('Button clicked');
const buttonEl = buttonRef.current;
if (!buttonEl) return;
// Query all letter elements inside the button.
const letters = buttonEl.querySelectorAll('.letter');
// Create a GSAP timeline for the click animations.
gsap
.timeline({
onComplete: () => {
// Call any extra onClick functionality.
if (onClick) onClick();
// If a link is provided, open it in a new tab.
if (href) {
window.open(href, '_blank');
}
},
})
Want to print your doc?
This is not the way.
This is not the way.
Try clicking the ⋯ next to your doc name or using a keyboard shortcut (
CtrlP
) instead.