Vue UI Component Libraries

Put it all together.

Explore

Start playing.

These shortcuts and building blocks will level up your Coda-bilities.

There are

a million things you can do⁠

with Coda, but some you'll repeat way more than others. Expand to get the how-to, and try it yourself.

Make a line.

Type “/line“ in your canvas.

Choose “Line separator” from the drop down.

⁠

⁠

Try it out.👇

Make a table.

Type “/table“ in your canvas.

Choose "Table” from the drop down.

Change your table name to “Best Table Ever.”

Change a column header.

Add text to a couple of cells.

⁠

⁠

Try it out.👇

Make a view.

Under your current table, type “/table.”

Select “Best Table Ever” from the drop down menu.

Change the view to the “Cards” option.

Edit some text and see it automatically update in the original table.

⁠

⁠

Try it out.👇

Say hi to us with an @ reference.

Type “Hi @Coda” on your canvas.

(Hint: You can @ anyone in your workspace in or out of a table.)

⁠

⁠

Try it out.👇

Drag & drop a template from the insert panel.

Click “Insert” in the upper right corner of your screen.

Select Templates in the menu.

Then drag one of the suggested templates into you doc.

Play!

⁠

⁠

Try it out.👇

Find more exercises like these in the
`learn doc`⁠
.

Want to print your doc?
This is not the way.

Try clicking the ⋯ next to your doc name or using a keyboard shortcut (

CtrlP

) instead.

Start playing.

Make a line.

Make a table.

Make a view.

Say hi to us with an @ reference.

Leave a comment.

Drag & drop a template from the insert panel.

Find more exercises like these in the learn doc⁠.

Find more exercises like these in the
`learn doc`⁠
.