tsx
export default function Rootfunction Root(): JSX.Element
() { return (
<Html(alias) function Html(props: ComponentProps<"html">): JSX.Element
import Html
lang(property) JSX.HTMLAttributes<HTMLHtmlElement>.lang?: string | undefined
="en"> <Head(alias) function Head(props: ComponentProps<"head">): JSX.Element
import Head
> <Title(alias) const Title: Component<JSX.HTMLAttributes<HTMLTitleElement>>
import Title
>SolidStart App</Title(alias) const Title: Component<JSX.HTMLAttributes<HTMLTitleElement>>
import Title
> <Meta(alias) const Meta: Component<JSX.MetaHTMLAttributes<HTMLMetaElement>>
import Meta
charset(property) JSX.MetaHTMLAttributes<HTMLMetaElement>.charset?: string | undefined
="utf-8" /> <Meta(alias) const Meta: Component<JSX.MetaHTMLAttributes<HTMLMetaElement>>
import Meta
name(property) JSX.MetaHTMLAttributes<HTMLMetaElement>.name?: string | undefined
="viewport" content(property) JSX.MetaHTMLAttributes<HTMLMetaElement>.content?: string | undefined
="width=device-width, initial-scale=1" /> </Head(alias) function Head(props: ComponentProps<"head">): JSX.Element
import Head
> <Body(alias) function Body(props: ComponentProps<"body">): JSX.Element
import Body
> <Suspensetracks all resources inside a component and renders a fallback until they are all resolved
```typescript
const AsyncComponent = lazy(() => import('./component'));
<Suspense fallback={<LoadingIndicator />}>
<AsyncComponent />
</Suspense>
```
(alias) function Suspense(props: {
fallback?: JSX.Element;
children: JSX.Element;
}): JSX.Element
import Suspense
> <ErrorBoundary(alias) function ErrorBoundary(props: ParentProps<{
fallback?: ((e: any, reset: () => void) => JSX.Element) | undefined;
}>): JSX.Element
import ErrorBoundary
> <Routes(alias) const Routes: (props: RoutesProps) => JSX.Element
import Routes
> <FileRoutes(alias) function FileRoutes(): JSX.Element
import FileRoutes
/> </Routes(alias) const Routes: (props: RoutesProps) => JSX.Element
import Routes
> </ErrorBoundary(alias) function ErrorBoundary(props: ParentProps<{
fallback?: ((e: any, reset: () => void) => JSX.Element) | undefined;
}>): JSX.Element
import ErrorBoundary
> </Suspensetracks all resources inside a component and renders a fallback until they are all resolved
```typescript
const AsyncComponent = lazy(() => import('./component'));
<Suspense fallback={<LoadingIndicator />}>
<AsyncComponent />
</Suspense>
```
(alias) function Suspense(props: {
fallback?: JSX.Element;
children: JSX.Element;
}): JSX.Element
import Suspense
> <Scripts(alias) function Scripts(): JSX.Element
import Scripts
/> </Body(alias) function Body(props: ComponentProps<"body">): JSX.Element
import Body
> </Html(alias) function Html(props: ComponentProps<"html">): JSX.Element
import Html
> );
}
tsx
export default function Rootfunction Root(): JSX.Element
() { return (
<Html(alias) function Html(props: ComponentProps<"html">): JSX.Element
import Html
lang(property) JSX.HTMLAttributes<HTMLHtmlElement>.lang?: string | undefined
="en"> <Head(alias) function Head(props: ComponentProps<"head">): JSX.Element
import Head
> <Title(alias) const Title: Component<JSX.HTMLAttributes<HTMLTitleElement>>
import Title
>SolidStart App</Title(alias) const Title: Component<JSX.HTMLAttributes<HTMLTitleElement>>
import Title
> <Meta(alias) const Meta: Component<JSX.MetaHTMLAttributes<HTMLMetaElement>>
import Meta
charset(property) JSX.MetaHTMLAttributes<HTMLMetaElement>.charset?: string | undefined
="utf-8" /> <Meta(alias) const Meta: Component<JSX.MetaHTMLAttributes<HTMLMetaElement>>
import Meta
name(property) JSX.MetaHTMLAttributes<HTMLMetaElement>.name?: string | undefined
="viewport" content(property) JSX.MetaHTMLAttributes<HTMLMetaElement>.content?: string | undefined
="width=device-width, initial-scale=1" /> </Head(alias) function Head(props: ComponentProps<"head">): JSX.Element
import Head
> <Body(alias) function Body(props: ComponentProps<"body">): JSX.Element
import Body
> <Suspensetracks all resources inside a component and renders a fallback until they are all resolved
```typescript
const AsyncComponent = lazy(() => import('./component'));
<Suspense fallback={<LoadingIndicator />}>
<AsyncComponent />
</Suspense>
```
(alias) function Suspense(props: {
fallback?: JSX.Element;
children: JSX.Element;
}): JSX.Element
import Suspense
> <ErrorBoundary(alias) function ErrorBoundary(props: ParentProps<{
fallback?: ((e: any, reset: () => void) => JSX.Element) | undefined;
}>): JSX.Element
import ErrorBoundary
> <Routes(alias) const Routes: (props: RoutesProps) => JSX.Element
import Routes
> <FileRoutes(alias) function FileRoutes(): JSX.Element
import FileRoutes
/> </Routes(alias) const Routes: (props: RoutesProps) => JSX.Element
import Routes
> </ErrorBoundary(alias) function ErrorBoundary(props: ParentProps<{
fallback?: ((e: any, reset: () => void) => JSX.Element) | undefined;
}>): JSX.Element
import ErrorBoundary
> </Suspensetracks all resources inside a component and renders a fallback until they are all resolved
```typescript
const AsyncComponent = lazy(() => import('./component'));
<Suspense fallback={<LoadingIndicator />}>
<AsyncComponent />
</Suspense>
```
(alias) function Suspense(props: {
fallback?: JSX.Element;
children: JSX.Element;
}): JSX.Element
import Suspense
> <Scripts(alias) function Scripts(): JSX.Element
import Scripts
/> </Body(alias) function Body(props: ComponentProps<"body">): JSX.Element
import Body
> </Html(alias) function Html(props: ComponentProps<"html">): JSX.Element
import Html
> );
}