> ## Documentation Index
> Fetch the complete documentation index at: https://docs.assistantscenter.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Preloader

> An Object which contains all the information for the preloader.

```js theme={null}
theme: SoftUI({
  preloader: {
    image: String,
    spinner: Boolean,
    text: String,
  },
});
```

## Example Usage

```js theme={null}
theme: SoftUI({
  preloader: {
      image: "/img/soft-ui.webp",
      spinner: false,
      text: "Page is loading"
  },
})
```

## Image

<Frame type="glass">
  <img src="https://mintcdn.com/assistantscenter/e0fzjuWUPc5-sSJC/images/content/preloader.jpg?fit=max&auto=format&n=e0fzjuWUPc5-sSJC&q=85&s=5408d7f9ea8c14c712d3baf73d167d10" width="772" height="689" data-path="images/content/preloader.jpg" />
</Frame>

## Props

<ParamField path="image" type="string">
  The image for the preloader
</ParamField>

<ParamField path="spinner" type="boolean" required>
  Disables the image and displays a spinner instead
</ParamField>

<ParamField path="text" type="string" required>
  The text for the preloader
</ParamField>