-
Components
- atomic-aria-live
- atomic-breadbox
- atomic-category-facet
- atomic-color-facet
- atomic-component-error
- atomic-did-you-mean
- atomic-external
- atomic-facet
- atomic-facet-manager
- atomic-folded-result-list
- atomic-format-currency
- atomic-format-number
- atomic-format-unit
- atomic-html
- atomic-icon
- atomic-layout-section
- atomic-load-more-children-results
- atomic-load-more-results
- atomic-no-results
- atomic-numeric-facet
- atomic-numeric-range
- atomic-pager
- atomic-query-error
- atomic-query-summary
- atomic-rating-facet
- atomic-rating-range-facet
- atomic-refine-modal
- atomic-refine-toggle
- atomic-relevance-inspector
- atomic-result
- atomic-result-children
- atomic-result-children-template
- atomic-result-list
- atomic-result-template
- atomic-results-per-page
- atomic-search-box
- atomic-search-box-query-suggestions
- atomic-search-box-recent-queries
- atomic-search-interface
- atomic-search-layout
- atomic-smart-snippet
- atomic-smart-snippet-feedback-modal
- atomic-smart-snippet-suggestions
- atomic-sort-dropdown
- atomic-sort-expression
- atomic-table-element
- atomic-text
- atomic-timeframe
- atomic-timeframe-facet
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 |
|---|---|---|---|---|
|
|
|
|
|
|
|
Shadow Parts
| Part | Description |
|---|---|
|
The transparent backdrop hiding the content behind the modal. |
|
The body of the modal, between the header and the footer. |
|
The wrapper around the body. |
|
The wrapper around the cancel and submit buttons. |
|
The cancel button. |
|
The modal’s outermost container with the outline and background. |
|
The input to specify additional details. |
|
The title above the details input. |
|
The footer at the bottom of the modal. |
|
The wrapper with a shadow around the footer. |
|
The wrapper around the reason and details. |
|
The header of the modal, containing the title. |
|
The horizontal ruler underneath the header. |
|
The wrapper around the header. |
|
A wrapper around the radio button and the label of a reason. |
|
A label linked to a radio button representing a reason. |
|
A radio button representing a reason. |
|
The title above the reason radio buttons. |
|
The submit button. |