@studiometa/ui

Appearance

Twig API ​

Parameters ​

attr ​

  • Type: array

Customizes the root element attributes.

  • Type: array

Customizes the modal element attributes. The modal element is the main container that covers the full viewport.

overlay_attr ​

  • Type: array

Customizes the overlay background element attributes. The overlay provides the semi-transparent background behind the modal content.

wrapper_attr ​

  • Type: array

Customizes the wrapper element attributes. The wrapper centers the modal content within the viewport.

container_attr ​

  • Type: array

Customizes the container element attributes. The container holds the actual modal content and handles scrolling.

content_attr ​

  • Type: array

Customizes the content element attributes. The content element wraps the modal's inner content.

Blocks ​

open ​

Customizes the open trigger button. By default, renders a Button component with data-ref="open[]" and label "Open".

close ​

Customizes the close trigger button. By default, renders a Button component positioned absolutely in the top-right corner with data-ref="close[]" and label "Close".

content ​

Sets the modal's content. This is the main content of the modal dialog.