Gallery

Vue UI Component Libraries

Put it all together.

Explore

Vue UI Component Libraries

I'm a familiar doc with new tricks.

Friendly, familiar, and super powerful.

Start typing on the page.

Try something simple, like your name: [ double_click_here ]

Next, list your two favorite ice cream flavors 🍦:

And check each task off as you complete it:

Type your name

Fill out ice cream list

⁠

Now, try some of these fun (and easy to create) interactions.

1. Switch the toggle to the Done position:

⁠

Done

Just click the switch.

⁠

2. Now, drag the blue dot until the slider value displays 100:

000

⁠

Just click and slide.

⁠

3. Click one reaction that best reflects what you think of Coda so far:

I love it.

⁠

It’s ok.

⁠

What’s happening?

⁠

☝️ Feelings can be complicated sometimes. We get that. But try picking just one.

⁠

←Click to expand or hide blocks of text.

Nice! 👏

Collapsible headers keep things tidy and help doc-viewers stay focused. To make any header collapsible, just click on the kebab menu (three dots) to the left of a header.

⁠

Meet the slash command, Coda’s (not so secret) superpower.

Coda’s building blocks are things like tables that talk to each other and buttons that take action. You’ve already interacted with several building blocks - well done!

Type / anywhere in your doc to call up a menu of Coda’s building blocks.

⁠

You can also speed up your doc-making process by typing /templates to browse through a list of ready-made tools and outlines.

If you know of a specific template you’d like to use—like a task tracker or outline for meeting notes—you can use the slash command with its name (like /voting table ) to insert it.

👇 Try it for yourself. Pull up a template here:

⁠

Keep docs organized with pages and subpages.

Pages and subpages are the basic scaffolding of Coda docs. You can have as many pages as you like, giving your doc infinite depth to grow your ideas.

See it in action. 👀

⁠

Try it out.👇

Click the following link to select the first page in this doc:

Vue UI Component Libraries⁠

(then use the side navigation menu to come back here.)

⁠

See it in action. 👀

⁠

Try it out.👇

In the side navigation menu, drag and drop the Two-way writeups page on top of this page to make it a subpage.

⁠

⁠
`Learn about Coda tables. 👉`⁠
⁠

⁠

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.

I'm a familiar doc with new tricks.

Start typing on the page.

Now, try some of these fun (and easy to create) interactions.

1. Switch the toggle to the Done position:

2. Now, drag the blue dot until the slider value displays 100:

3. Click one reaction that best reflects what you think of Coda so far:

←Click to expand or hide blocks of text.

Meet the slash command, Coda’s (not so secret) superpower.

Keep docs organized with pages and subpages.

See it in action. 👀

Try it out.👇

See it in action. 👀

Try it out.👇

⁠Learn about Coda tables. 👉⁠⁠

⁠
`Learn about Coda tables. 👉`⁠
⁠