atomic-smart-snippet-feedback-modal

The atomic-smart-snippet-feedback-modal is automatically created as a child of the atomic-search-interface when the atomic-smart-snippet is initialized.

When the modal is opened, the class atomic-modal-opened is added to the body, allowing further customization.

Properties

Property Attribute Description Type Default

isOpen

is-open

boolean

false

source

HTMLElement | undefined

Shadow Parts

Part Description

backdrop

The transparent backdrop hiding the content behind the modal.

body

The body of the modal, between the header and the footer.

body-wrapper

The wrapper around the body.

buttons

The wrapper around the cancel and submit buttons.

cancel-button

The cancel button.

container

The modal’s outermost container with the outline and background.

details-input

The input to specify additional details.

details-title

The title above the details input.

footer

The footer at the bottom of the modal.

footer-wrapper

The wrapper with a shadow around the footer.

form

The wrapper around the reason and details.

header

The header of the modal, containing the title.

header-ruler

The horizontal ruler underneath the header.

header-wrapper

The wrapper around the header.

reason

A wrapper around the radio button and the label of a reason.

reason-label

A label linked to a radio button representing a reason.

reason-radio

A radio button representing a reason.

reason-title

The title above the reason radio buttons.

submit-button

The submit button.

What's Next for Me?