kibana/packages/shared-ux/button/exit_full_screen/impl
Spencer 7058e1fb55
rename codeowners from shared-ux to global-experience (#144746)
https://github.com/elastic/kibana/pull/144326 attempted to change the
owners for packages, but because of a misconfiguration in CI the correct
codeowners file wasn't determined until after the PR was merged. This
fixed the issue by modifying the kibana.jsonc files of the packages to
use the correct owner, which then ends up in the codeowners file.

Co-authored-by: kibanamachine <42973632+kibanamachine@users.noreply.github.com>
2022-11-08 09:13:16 -07:00
..
src Bumping EUI to version 67.1.8 (#141279) 2022-11-07 21:45:50 +00:00
BUILD.bazel [auto] migrate existing plugin/package configs 2022-10-28 14:06:46 -05:00
index.tsx chore(NA): remove src folder requirement from packages (part 2) (#138476) 2022-08-30 15:57:35 +01:00
jest.config.js [Shared UX][packages] Split up dependencies; add Storybook mock (#136488) 2022-07-28 09:57:04 -07:00
kibana.jsonc rename codeowners from shared-ux to global-experience (#144746) 2022-11-08 09:13:16 -07:00
package.json [auto] migrate existing plugin/package configs 2022-10-28 14:06:46 -05:00
README.mdx [api-docs] follow the correct schema for frontmatter (#138348) 2022-08-10 17:17:50 -05:00
tsconfig.json fix(NA): wrongly spread stripInternal and rootDir configs across packages (#144463) 2022-11-03 01:04:55 +00:00

---
id: sharedUX/Components/ExitFullScreenButton
slug: /shared-ux/components/exit-full-screen-button
title: Exit Full Screen Button
description: A button that floats over the plugin workspace and allows someone to exit "full screen" mode.
tags: ['shared-ux', 'component']
date: 2021-12-28
---

## Description

Many plugins have a "full screen mode", where the chrome is hidden and the workspace of the plugin is maximized.  This button is meant to appear when the plugin is in full screen mode to allow the user to exit that state and return the relevant Kibana Chrome.

## Pure Component: `ExitFullScreenButtonComponent`

The pure component is a simple button representing the style and text of a button to exit full screen mode.  It does not interact with Kibana or browser chrome in any way, nor does it respond to global key presses.  You can use this component with your own logic and positioning, if necessary.

## Connected Component: `ExitFullScreenButton`

The connected component:

- uses the `setIsVisible` API from `coreStart.chrome` to enter and exit full screen;
- monitors relevant external key presses to exit full screen mode;
- allows provides the `toggleChrome` prop, which provides the ability to call `setIsVisible` on render, which allows a consumer to enter full screen simply by rendering the component and exit full screen by interacting with it.

## EUI Promotion Status

This component is not currently considered for promotion to EUI.