Steps

*
*
1 of 2

Steps.Item

1 of 2

Input.Text

*

Input.TextMasked

Input.TextArea

Input.Select

Input.Checklist

I agree to the terms

Input.Dropdown

Input.Number

Input.NumberMasked

Input.Slider

50

Input.Counter

1

Input.Rating

Input.Year

Input.Month

Input.Date

Input.Time

Input.DateTime

Input.Signature

Input.Color

Input.Upload

Submit

Result

Total
$0 USD

Poll

Which frontend framework do you use most?

Callout.Info

Just so you know

This is an informational note.

Callout.Warning

Warning

Be careful with this step.

Callout.Tip

Tip

Here is a helpful tip.

Callout.Danger

Danger

This action cannot be undone.

Callout.Note

Note

Additional context goes here.

Dialog

Timer

Countdown Timer
00:30

Booking

Book an appointment
June 2026
SoleilLunMarÉpouserJeuVenAssis
45 min - Europe/London

Question.Select

Curseur

What is the capital of France?

Musique Conseils de composition

Select the prime numbers

Question.Open

Option 1, Option 2, Option 3
What is x2+2x+1x^2 + 2x + 1 when x=3x = 3?

Question.Match

Science des matériaux

Match the countries with their capitals

Question.Fill

Littéralité financière
The quick brown fox
jumps
over the lazy
dog

Question.Sort

Construire une phrase
Arrange the words to form a famous quote
for
here
be
to
or
to
be
not

Question.Voice

Propriétés des ondes

Hello world

HelloWorld

Map

San Francisco

Payment

Course access$4.99

Media.Image

Sample Image

Media.Video

Media.Audio

Media.File

Download syllabus (PDF)

Visit our website

Formatting.Highlight

Use red highlight, orange highlight, yellow highlight, green highlight, blue highlight, and purple highlight to call out key ideas.

Formatting.TextColor

Use red text, orange text, yellow text, green text, blue text, and purple text to reinforce status or meaning.

Formatting.Bold

Use bold text for strong emphasis.

Formatting.Italic

Use italic text for gentle emphasis or voice.

Formatting.InlineCode

Use npm test -- -t "should render" to run one test.

Formatting.CodeBlock

const greeting = "Hello, Docmino"; console.log(greeting);

Latex

Here is an inline equation: E=mc2E = mc^2.
Lift(LL) can be determined by Lift Coefficient (CLC_L) like the following equation.
L=12ρv2SCLL = \frac{1}{2} \rho v^2 S C_L

Speech

Embed.YouTube

Sample video

Embed.Gist

Code snippet

Layout.Tabs

Short introduction and goals.

Layout.Accordion

Section 1
Section 2

Layout.Carousel

Layout.Row

Card 1

Concise supporting content for the first card.

Card 2

A second card keeps the horizontal layout clear.

Card 3

Add a third card to show scrolling behavior.

Layout.Columns

Column 1

Group related details together in the first column.

Column 2

Use the second column for parallel content or comparison.

Table

a
b
c
d
1
2
3
4
5
6
7
8
9
10
11
12

Data.Inline

Monthly revenue
month
revenue
Jan
5000
Feb
7000
Mar
6000

Data.Hidden

Chart.Area

Selecione um componente de dados para alimentar este gráfico.

Chart.Bar

Monthly revenue
month
revenue
Jan
5000
Feb
7000
Mar
6000
Selecione um componente de dados para alimentar este gráfico.

Chart.Line

Visitors
day
visitors
Mon
200
Tue
450
Wed
300
Selecione um componente de dados para alimentar este gráfico.

Chart.Pie

Product mix
product
sales
Product A
40
Product B
30
Product C
30
Selecione um componente de dados para alimentar este gráfico.

Task

  • to do
  • done

Footnote

A note1

www.example.com, https://example.com, and contact@example.com

Conditional.visibleWhen

Conditional.disabledWhen

Conditional.requiredWhen

Trigger.Webhook

Trigger.Email

Which launch session will you attend?

Trigger.PushNotification

Curseur

Did you complete today's workout?

Trigger.Integration

Workshop access$2.99

Footnotes

  • 1.
    Big note.