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

class

string

optional

Assign one or more class names to the HTML element, supporting Tailwind CSS.

style

string

optional

Inline style attribute, allows you to directly define CSS styles.

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