Skip to content

Form

Embedded form with a slot to insert intro copy above.

Table of Contents

  1. Anatomy
  2. Usage Guidelines
  3. Specifications
    1. Properties
  4. Changelog
  5. Examples

Anatomy

  1. Main content slot

This is a very simple component that allows for free-form HTML or other components to be placed in a container above an embedded form provided by the form system.

Usage Guidelines

Embedded form with a slot to insert intro copy above.

Specifications

Properties

PropertyTypeDescriptionRequiredDefault
contentstring Inner main HTML content--
default_form_idstring Specific ID used by the form system. This is usually provided by the global context and doesn't need to be specified.--

Changelog

6.34.0 (2025-08-28)

  • feat: freya button color and styles customization (#872) (c076e96)

1.25.0 (2021-09-30)

1.8.0

  • form added

Examples

Default

Inner Heading

Maecenas faucibus mollis interdum.

<x-form default_form_id="default-id">
	<x-slot name="content">
		<h2 class='h3'>Inner Heading</h2>
		<p>Maecenas faucibus mollis interdum.</p>
		<div id="wes-form" data-fr-submit-button="{{ form_button_classes }}"></div>
	</x-slot>
</x-form>