• Townie
    AI
  • Blog
  • Docs
  • Pricing
Log inSign up
arfan

arfan

remark-frontmatter-starter

Remix of jxnblk/remark-frontmatter-starter
Unlisted
Like
1
remark-frontmatter-starter
Home
Code
9
components
css
3
docs
5
README.md
config.ts
H
http.tsx
plugins.ts
types.ts
utils.ts
Branches
1
Pull requests
Remixes
History
Environment variables
Val Town is a collaborative website to build and scale JavaScript apps.
Deploy APIs, crons, & store data – all from the browser, and deployed in milliseconds.
Sign up now
Code
/
docs
/
test
/
callout.md
Code
/
docs
/
test
/
callout.md
Search
4/15/2025
Viewing readonly version of main branch: v218
View latest version
callout.md

Callout Examples

Callouts are special blocks that help highlight important information in your documentation. Here are some examples of how to use them:

:::info[Title]{.callout} This is an info callout. Use it for general information or highlighting key points. :::

:::warning[Important Warning]{.callout} This is a warning callout. Use it to alert users about potential issues or actions they should be cautious about. :::

:::error[Critical Error]{.callout} This is an error callout. Use it for critical alerts, failures, or things that need immediate attention. :::

:::tip[Pro Tip]{.callout} This is a tip callout. Use it for helpful suggestions, best practices, or shortcuts. Need to display `backticks` inside a code block? See this section to learn how to escape them. :::

:::note{.callout} This is a note callout without a title. Use it for secondary information, side notes, or less critical details. :::

Usage

To use a callout in your markdown, use the following syntax:

:::type[Optional Title]{.callout} Your content goes here. You can include **markdown** and other content like lists: - Item 1 - Item 2 :::

Available directive names (type):

  • info
  • warning
  • error
  • tip
  • note

Include the title in square brackets [] after the type. Add the class .callout in curly braces {}. The specific type class (.callout-info, etc.) will be added automatically.

FeaturesVersion controlCode intelligenceCLI
Use cases
TeamsAI agentsSlackGTM
ExploreDocsShowcaseTemplatesNewestTrendingAPI examplesNPM packages
PricingNewsletterBlogAboutCareersBrandhi@val.townStatus
X (Twitter)
Discord community
GitHub discussions
YouTube channel
Bluesky
Terms of usePrivacy policyAbuse contact
© 2025 Val Town, Inc.