> ## Documentation Index
> Fetch the complete documentation index at: https://docs.mindli.com/llms.txt
> Use this file to discover all available pages before exploring further.
# Guidelines & Limits
> Platform guidelines and limits for Sparks and Boxes in MindLi
export const MndIcon = ({icon, size = 20, color, circle = false}) => {
const iconUrl = `https://app.mindli.com/api/icon/${icon}`;
const [isDarkMode, setIsDarkMode] = React.useState(false);
React.useEffect(() => {
const checkTheme = () => {
const darkClass = document.documentElement.classList.contains('dark');
const darkAttr = document.documentElement.getAttribute('data-theme') === 'dark';
setIsDarkMode(darkClass || darkAttr);
};
checkTheme();
const observer = new MutationObserver(checkTheme);
observer.observe(document.documentElement, {
attributes: true,
attributeFilter: ['class', 'data-theme']
});
return () => observer.disconnect();
}, []);
let finalColor = color;
if (!color) {
finalColor = isDarkMode ? '#FFFFFF' : '#333333';
}
const iconElement = ;
if (!circle) {
return
{iconElement}
;
}
const circleSize = Math.max(size + 6, 20);
return
{iconElement}
;
};
This article covers the guidelines and types of limits that apply to Sparks and Boxes across MindLi platforms.
## Field Guidelines & Limits
The following guidelines and limits apply to both Mobile (Android & iOS) and Web:
### Spark Fields
| # | Spark Field | Required? | Guidelines and Limits |
| - | --------------- | --------- | ------------------------------------------------------------------------------------------------------------------------------------------- |
| 1 | Spark Name | Yes | 3–100 characters. `<` and `>` are not allowed. |
| 2 | Connected Boxes | Yes | Select at least one Box where the user has permission to add the Spark. Multiple Boxes may be selected. |
| 3 | Content | No | No explicit maximum is currently enforced. |
| 4 | Attached | No | One Link, Image, Audio, or File can be attached. Links must be valid URLs, and uploads must meet the supported format and file-size limits. |
| 5 | Cover Image | No | Must be a supported image. It may be uploaded, pasted, generated, or derived from an attached image. |
### Box Fields
| # | Box Field | Required? | Guidelines and Limits |
| - | ----------- | --------- | ----------------------------------------------------------------------------------------- |
| 1 | Box Name | Yes | 2–50 characters. `<` and `>` are not allowed. |
| 2 | Parent Box | Yes | A Box may have one Parent Box, or it may be placed directly under Home at the main level. |
| 3 | Description | No | No explicit maximum is currently enforced. |
***
## Supported File Formats
### WhatsApp Add Spark
For setup and usage instructions, see the [WhatsApp Sensor](/get-started/patterns/whatsapp-sensor) article.
Add Spark by WhatsApp sensor accepts:
| Type | Formats |
| --------- | ----------------------------- |
| Images | JPG, JPEG, PNG, WEBP\* |
| Audio | OGG, AMR, 3GP, AAC, MPEG |
| Documents | PDF, DOC, DOCX, PPTX, XLSX |
| Video | MP4 (H.264 video + AAC audio) |
\* WEBP images are treated as stickers by WhatsApp and may have size/format restrictions.