Sample

Form #

*
*
1 of 2

Form.Text #

*

Form.TextArea #

Form.Select #

Form.Checklist #

I agree to the terms

Form.Dropdown #

Form.Number #

Form.Slider #

50

Form.Counter #

1

Form.Rating #

Form.Date #

Form.Time #

Form.DateTime #

Form.Signature #

Form.Color #

Form.Upload #

Form.Step #

1 of 2

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

Question.Select #

Aperitivo

What is the capital of France?

Historia de la música

Select the prime numbers

Question.Open #

Opcional

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

Question.Match #

Ejercicios de matemáticas

Match the countries with their capitals

Question.Fill #

Planificación financiera
The quick brown fox
jumps
over the lazy
dog

Question.Sort #

Ética empresarial

Arrange the words to form a famous quote

not
or
be
be
to
for
to
here

Question.Voice #

Viaje por carretera por la Costa Oeste

Hello world

HelloWorld

Map #

San Francisco

Payment #

Course access$4.99

Media.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 #

Example Tabs

Short introduction and goals.

Layout.Accordion #

Example Accordion
Section 1
Section 2

Layout.Carousel #

Example Carousel

Layout.Row #

Example 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 #

Example 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 #

选择一个数据组件来驱动此图表

Chart.Bar #

Monthly revenue
month
revenue
Jan
5000
Feb
7000
Mar
6000
选择一个数据组件来驱动此图表

Chart.Line #

Visitors
day
visitors
Mon
200
Tue
450
Wed
300
选择一个数据组件来驱动此图表

Chart.Pie #

Product mix
product
sales
Product A
40
Product B
30
Product C
30
选择一个数据组件来驱动此图表

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 #

Aperitivo

Did you complete today's workout?

Trigger.Integration #

Workshop access$2.99

Footnotes #

  • 1.
    Big note.