How do Layouts work with SolidStart?

I wasn't able to find a layout chapter in the docs for this :S

I found this https://docs.solidjs.com/solid-router/concepts/layouts
and this https://github.com/solidjs/solid-start/discussions/846

So I created a file

/src/routes/(layout).tsx

/src/routes/(layout).tsx

( besides the index file ) with the following content

export default function Layout(props) {
    return (
        <>
            <div>Header goes here</div>
            {props.children}
        </>
    );
};

export default function Layout(props) {
    return (
        <>
            <div>Header goes here</div>
            {props.children}
        </>
    );
};

but unfortunately this file was ignored.

- How do I have to name this file?
- TS doesn't know the type for

props

props

, what to import here? Wasn't able to find something like

LayoutProps

LayoutProps

Thanks in advance!

SolidJS•11mo ago•

9 replies

Garzec

How do Layouts work with SolidStart?

/src/routes/(layout).tsx

/src/routes/(layout).tsx

( besides the index file ) with the following content

export default function Layout(props) {
    return (
        <>
            <div>Header goes here</div>
            {props.children}
        </>
    );
};

export default function Layout(props) {
    return (
        <>
            <div>Header goes here</div>
            {props.children}
        </>
    );
};

but unfortunately this file was ignored.

- How do I have to name this file?
- TS doesn't know the type for

props

props

, what to import here? Wasn't able to find something like

LayoutProps

LayoutProps

Thanks in advance!

How do Layouts work with SolidStart?

Similar Threads

How do Layouts work with SolidStart?

Similar Threads

Similar Threads

Similar Threads