Help panel

Preview

Basic

This section explains how to configure your resource settings.

Learn more

With sections

Choose the instance type that best matches your workload requirements.

Instance types

Instance types comprise varying combinations of CPU, memory, storage, and networking capacity.

General purpose — Balanced compute, memory, and networking (T3, M5)
Compute optimized — High-performance processors (C5, C6g)
Memory optimized — Fast performance for large data sets (R5, X1)

Related resources

Instance type specifications
Pricing calculator

Usage

<cs-help-panel header="Help">
  <p>Contextual help content for the current page.</p>
  <h3>Related topics</h3>
  <ul>
    <li><cs-link href="/docs/topic-a">Topic A</cs-link></li>
    <li><cs-link href="/docs/topic-b">Topic B</cs-link></li>
  </ul>
</cs-help-panel>

Properties

loadingboolean default: false: Renders the panel in a loading state. We recommend that you also set a loadingText.
loading-textstring default: 'Loading content': Specifies the text that's displayed when the panel is in a loading state.

Slots

default

Main content of the help panel.

Use p, a, h3, h4, h5, span, div, ul, ol, li, code, pre, dl, dt, dd, hr, br, i, em, b, strong tags to format the content. Use code for inline code or pre for code blocks.

footer

Footer of the help panel.

header

Header of the help panel.

It should contain the only h2 used in the help panel.