FormField (horizontal layout)
How can I layout the
FormField horizontally? That is, so that the label is next to the input field and not above it.2 Replies
Hi @mabuse9922. I'm kapa.ai, your friendly support bot. I will try to answer your question by searching through the knowledge base. :wave:
----------------------
I'm sorry, but the knowledge sources do not explicitly mention a built-in prop or option for setting the layout of the FormField component to horizontal (i.e., placing the label next to the input instead of above it). The documented examples and API show the label above the input by default, and while the theme configuration exposes slot classes (such as labelWrapper), there is no direct example or prop for horizontal layout provided in the official documentation or code samples FormField documentation.
If you need a horizontal layout, you may need to customize the slot classes via your theme configuration (e.g., in app.config.ts) or use custom CSS, but the knowledge sources do not provide a ready-made solution or example for this scenario.
----------------------
Note: you can ask me a follow up question by @ mentioning me again :speech_balloon:
----------------------
<@1097891465797050469> Kapa.ai is still learning and improving, please let me know how I did by reacting below.