Fieldset

Fieldset(
    Legend('Page title', cls='fieldset-legend'),
    Input(type='text', placeholder='My awesome page', cls='input'),
    P('You can edit page title later on from settings', cls='fieldset-label'),
    cls='fieldset'
)

Fieldset(
    Legend('Page title', cls='fieldset-legend'),
    Input(type='text', placeholder='My awesome page', cls='input'),
    P('You can edit page title later on from settings', cls='fieldset-label'),
    cls='fieldset w-xs bg-base-200 border border-base-300 p-4 rounded-box'
)

Fieldset(
    Legend('Page details', cls='fieldset-legend'),
    Label('Title', cls='fieldset-label'),
    Input(type='text', placeholder='My awesome page', cls='input'),
    Label('Slug', cls='fieldset-label'),
    Input(type='text', placeholder='my-awesome-page', cls='input'),
    Label('Author', cls='fieldset-label'),
    Input(type='text', placeholder='Name', cls='input'),
    cls='fieldset w-xs bg-base-200 border border-base-300 p-4 rounded-box'
)

Fieldset(
    Legend('Page details', cls='fieldset-legend'),
    Div(
        Input(type='text', placeholder='My awesome page', cls='input join-item'),
        Button('save', cls='btn join-item'),
        cls='join'
    ),
    cls='fieldset w-xs bg-base-200 border border-base-300 p-4 rounded-box'
)

Fieldset(
    Legend('Login', cls='fieldset-legend'),
    Label('Email', cls='fieldset-label'),
    Input(type='email', placeholder='Email', cls='input'),
    Label('Password', cls='fieldset-label'),
    Input(type='password', placeholder='Password', cls='input'),
    Button('Login', cls='btn btn-neutral mt-4'),
    cls='fieldset w-xs bg-base-200 border border-base-300 p-4 rounded-box'
)