> ## Documentation Index > Fetch the complete documentation index at: https://doc.lucidworks.com/llms.txt > Use this file to discover all available pages before exploring further. # Form export const LwTemplate = ({title = "Key questions to get you started", icon = "sparkles", cta = "Powered by Agent Studio", linkHref = "https://lucidworks.com/demo/?utm_source=docs&utm_medium=referral&utm_campaign=docs_cta_ai"}) => { const [isLoaded, setIsLoaded] = useState(false); useEffect(() => { const timer = setTimeout(() => { setIsLoaded(true); }, 500); return () => clearTimeout(timer); }, []); return
{isLoaded && ` }} />} Powered by Lucidworks Agent Studio
; }; [localhost link]: http://localhost:3000/docs/5/app-studio/reference/gallery/form [mintlify link]: https://doc.lucidworks.com/docs/5/app-studio/reference/gallery/form [old doc.lw link]: https://doc.lucidworks.com/app-studio/4.2/1033 ## Default Compact Form Example ```html wrap theme={"dark"}
A compact inline form (Default)
``` ## Stacked Example ```html wrap theme={"dark"}
A Stacked Form
``` ## Aligned Form Example ```html wrap expandable theme={"dark"}
Aligned Form
``` ## Multi Column Form (Using Grid) Example ```html wrap expandable theme={"dark"}
``` ## Grouped Inputs Example ```html wrap theme={"dark"}
``` ## Input Sizing Example ```html wrap theme={"dark"}





``` ## Rounded Inputs Example ```html wrap theme={"dark"}
``` ## Checkboxes and Radio Buttons Example ```html wrap theme={"dark"}

Checkboxes that can be styled

``` ## Labelled Inputs Example ```html wrap expandable theme={"dark"}

Left Label

http://

Right Label

Both

£
.00
```