atomic-smart-snippet-feedback-modal

This is for:

Developer

In this article

Properties
Shadow Parts

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

Property	Attribute	Description	Type	Default
`isOpen`	`is-open`		`boolean`	`false`
`source`			`HTMLElement \| undefined`

isOpen

is-open

boolean

false

source

HTMLElement | undefined

Shadow Parts

Part Description

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.

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.