# Editor Plugin Breakout

Breakout plugin for @atlaskit/editor-core

**Note:** This component is designed for internal Atlassian development.
External contributors will be able to use this component but will not be able to submit issues.

## Overview

The Breakout plugin enables content within the Atlassian Editor to break out of the standard layout constraints. It provides interactive resizing and layout mode controls for supported nodes like code blocks, expansions, and other block-level content, allowing them to extend beyond their normal container boundaries.

## Key features

- **Layout modes** - Support for wide and full-width breakout modes
- **Interactive resizing** - Drag-based resizing of breakout nodes with visual guidelines
- **Multi-node support** - Breakout functionality for code blocks, expansions, and other configurable nodes
- **Guidelines and measurements** - Visual layout guidelines to assist with content positioning
- **Block control integration** - Seamless integration with editor block controls for easy mode switching
- **Responsive layout handling** - Proper layout adjustments across different editor appearances

## Install
---
- **Install** - *yarn add @atlaskit/editor-plugin-breakout*
- **npm** - [@atlaskit/editor-plugin-breakout](https://www.npmjs.com/package/@atlaskit/editor-plugin-breakout)
- **Source** - [Bitbucket](https://bitbucket.org/atlassian/atlassian-frontend/src/master/packages/editor/editor-plugin-breakout)
- **Bundle** - [unpkg.com](https://unpkg.com/@atlaskit/editor-plugin-breakout/dist/)

## Usage
---
**Internal use only**

@atlaskit/editor-plugin-breakout is intended for internal use by the @atlaskit/editor-core and as a plugin dependency of the Editor within your product.

Direct use of this component is not supported.

Please see [Atlaskit - Editor plugin breakout](https://atlaskit.atlassian.com/packages/editor/editor-plugin-breakout) for documentation and examples for this package.

## Support
---
For internal Atlassian, visit the slack channel [#help-editor](https://atlassian.slack.com/archives/CFG3PSQ9E) for support or visit [go/editor-help](https://go/editor-help) to submit a bug.
## License
---
 Please see [Atlassian Frontend - License](https://hello.atlassian.net/wiki/spaces/AF/pages/2589099144/Documentation#License) for more licensing information.