The `displayOptions` property is used to configure the display, theme, and layout of the component.
If provided, it should be an object properties from the table listed below.

> * Type: `DisplayOptions`

```tsx
type DisplayOptions = {
    themeId?: string;
    colorScheme?: 'light' | 'dark' | 'auto';
    width?: number | string;
    height?: number | string;
};
```

| Property | Type |  Default |Description |
| --- | --- | --- | --- |
| `themeId` | `'nova'`&nbsp;\|&nbsp;`'luna'`&nbsp;\|&nbsp;`string` | `'nova'` | The theme ID of the component. If you're using a standard `NLUX` theme, you should also import the theme CSS file. |
| `colorScheme` | `'light'`&nbsp;\|&nbsp;`'dark'`&nbsp;\|&nbsp;`'auto'` | `'auto'` | The color scheme of the component.<br />Set to `'auto'` to use the system color scheme. |
| `width` | `number`&nbsp;\|&nbsp;`string` | `'100%'` | The CSS width of the component.<br />By default, the width is set to `'100%'` of the parent container. |
| `height` | `number`&nbsp;\|&nbsp;`string` | `'100%'` | The CSS height of the component.<br />By default, the height is set to `'100%'` of the parent container. |

> * Usage:
