Components

All the MDX components available for writing documentation pages.

This page showcases every component available in the documentation system. Use it as a reference when writing new docs.

Callouts

Use callouts to draw attention to important information.

Info callout

Use this for general information and helpful context.

Tip callout

Use this for best practices and pro tips.

Warning callout

Use this for potential issues or things to watch out for.

Danger callout

Use this for destructive actions or critical warnings.

Success callout

Use this for confirmation messages and positive outcomes.

Note callout

Use this for supplementary notes and side remarks.

Steps

Use steps for sequential instructions.

  1. First step

    This is the first thing to do. Steps can contain rich content including code blocks and callouts.

  2. Second step

    Continue with the next action.

  3. Third step

    Finish up here.

Cards

Use cards to link to related pages.

Property List

Use property lists to document parameters, fields, or configuration options.

apiKey
string
required

Your API key from the dashboard settings page.

timeout
number
optionaldefault: 30000

Request timeout in milliseconds.

retries
number
optionaldefault: 3

Number of retry attempts for failed requests.

Accordion

Use accordions for FAQs or optional details.

Expandable

Use expandable sections for supplementary content that shouldn't clutter the main flow.

Code Blocks

Standard code blocks come with syntax highlighting and a copy button:

javascript
const bereach = require("bereach-sdk");
 
const campaign = await bereach.campaigns.create({
  name: "Q1 Outreach",
  type: "connection_request",
  dailyLimit: 25,
});

Tables

FeatureFreeProEnterprise
Campaigns1UnlimitedUnlimited
Daily limit20100Custom
Templates3UnlimitedUnlimited
AnalyticsBasicAdvancedCustom

Inline elements

Use the Badge component for inline labels: this feature requires the

Pro
plan.

Standard bold, italic, and inline code formatting works as expected.