> ## Documentation Index
> Fetch the complete documentation index at: https://docs.growtify.me/llms.txt
> Use this file to discover all available pages before exploring further.
# Formulários
> Campos, layouts, validação, seletores, datas, upload, editores, sliders e formulários por etapas.
export const Exemplo = ({src, demo, titulo}) => {
const [height, setHeight] = useState(520);
const [theme, setTheme] = useState("dark");
const [revision, setRevision] = useState(0);
useEffect(() => {
const receive = event => {
if (event.origin !== "https://skin.growtify.me" || event.data?.type !== "growtify:example-size" || event.data?.demo !== demo) return;
const value = Number(event.data.height);
if (Number.isFinite(value) && value > 0 && value < 100000) setHeight(value);
};
window.addEventListener("message", receive);
return () => window.removeEventListener("message", receive);
}, [demo]);
return
;
};
Os 10 exemplos desta categoria aparecem abaixo, um após o outro. Use o índice da página para ir direto ao modelo desejado.
## form / elements
## form / fileuploads
## form / layout
## form / other plugin
## form / pickers
## form / range slider
## form / select
## form / text editors
## form / validation
## form / wizard
Dados demonstrativos. Exemplos de estados vazios ou de carregamento têm controles próprios para alternar o estado. As páginas originais UBold preservam seus componentes; não representam telas já implementadas no GHL.