Container

Define a container component using the <Container> tag.

Example

Content

Code:

<Container>
    Content
</Container>

Using Tailwind CSS Styles with the `class` Attribute

Step 1

This is the content of step 1.

Step 2

This is the content of step 2.

Code:

<Container class="text-center text-xl font-bold" style="">
    <Steps>
        <Step title="Step 1">
            This is the content of step 1.
        </Step>
        <Step title="Step 2">
            This is the content of step 2.
        </Step>
    </Steps>
</Container>

Container content follows Markdown syntax.

Defining Styles Directly with `style`

Step 1

This is the content of step 1.

Step 2

This is the content of step 2.

Code:

<Container class="text-center text-xl font-bold" style="background-color: #f0f0f0; padding: 10px;">
    <Steps>
        <Step title="Step 1">
            This is the content of step 1.
        </Step>
        <Step title="Step 2">
            This is the content of step 2.
        </Step>
    </Steps>
</Container>

Parameter Description

Container

Example#

Using Tailwind CSS Styles with the class Attribute#

Defining Styles Directly with style#

Parameter Description#

Example

Using Tailwind CSS Styles with the `class` Attribute

Defining Styles Directly with `style`

Parameter Description