Skip to content

[EuiCallOut] Add optional close button #7038

@ryankeairns

Description

@ryankeairns

Is your feature request related to a problem? Please describe.
In practice, callouts can be dismissed or closed. The current docs demonstrate the use of a 'Dismiss' button below the copy and, in Kibana, we see the use of a close button in the upper-right corner (see below).

CleanShot 2023-08-03 at 07 10 41@2x

Describe the solution you'd like
It is possible for implementors to attain this layout/functionality, but it is not provided out of the box. A recent question was raised with the EUI team on how to do this, and the team felt it was worthwhile to 'pave the cowpath' and add an optional close button as opposed to leaving it up to a documented pattern.

Describe alternatives you've considered
Leaving it up to a documented pattern.

Additional context
With a fresh deployment (or by clearing localStorage) you can see the above example in Discover, as an example.

### Tasks
- [ ] https://github.com/elastic/eui/pull/7156

Metadata

Metadata

Assignees

Labels

No labels
No labels

Type

No type
No fields configured for issues without a type.

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions