Rich Content Test Page

Updated 3 months ago by Julia Carnes

This page tests every rich content type. If everything renders correctly below, the UI port is working.

Images test

Here's an inline markdown image:

And an optimized image block using the MDC component:

The Padlet favicon rendered as an image block

Videos

A responsive video embed:

Callouts

Tip: This is a tip callout. Use it to highlight helpful suggestions for users.

Note: This is a note callout. Use it for important information that users should be aware of.

Warning: This is a warning callout. Use it to alert users about potential issues.

Lists

Unordered List

First item in the list
Second item with bold text
Third item with a link to Padlet
Nested items work too
- Sub-item one
- Sub-item two

Ordered List

Step one — Set up your account
Step two — Create your first padlet
Step three — Invite collaborators
Step four — Share your work

Tables

Feature	Free Plan	Pro Plan	Team Plan
Padlets	3	Unlimited	Unlimited
File uploads	20MB	250MB	250MB
Custom branding	No	Yes	Yes
Admin controls	No	No	Yes

Blockquotes

Padlet is a digital canvas that lets people make and share content with others. It's used by teachers, students, professionals, and anyone who wants to collaborate visually.

Details / FAQ

How do I create a padlet?

Click the + Make a padlet button on your dashboard. Choose a format (Wall, Stream, Grid, etc.) and start adding posts. You can customize the title, description, and appearance.

Can I use Padlet offline?

Padlet requires an internet connection to create and view padlets. However, some content may be cached in your browser for brief offline viewing.

How do I share my padlet?

Click the Share button in the top-right corner of your padlet. You can share via link, QR code, email, or embed code. You can also set privacy and permission levels.

Code Blocks

Here's an example of a code block:

const padlet = await createPadlet({
  title: 'My New Padlet',
  format: 'wall',
  privacy: 'public',
})

console.log(`Created padlet: ${padlet.url}`)

Horizontal Rule

That's all the content types! If everything above looks good, the UI port is complete.