Padding

Add spacing between fields to improve layout and readability

Padding allows you to add visual spacing above or below form elements. This helps organize content more clearly and creates breathing room between sections, improving the overall form layout and user experience.

Use Cases

  • Separate key sections visually

  • Create space around surrounding text

  • Improve readability of long forms

  • Enhance the appearance of dynamic field groups

Example Use Case:

  • Add spacing between “Personal Details” and “Contact Info” sections to make forms easier to scan and fill.

Best Practices

  • Use consistent padding to align form elements

  • Avoid excessive spacing that pushes content out of view

  • Combine padding with surrounding text for more structured designs

Last updated

Was this helpful?