diff --git a/CHANGELOG.md b/CHANGELOG.md index a9a765b53e6..6aa6c8580c4 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -1,6 +1,6 @@ ## [`master`](https://github.com/elastic/eui/tree/master) -No public interface changes since `4.2.0`. +- Added `1` as a valid value for the `columns` prop in `EuiFlexGrid` ([#1210](https://github.com/elastic/eui/pull/1210)) ## [`4.2.0`](https://github.com/elastic/eui/tree/v4.2.0) diff --git a/src-docs/src/views/flex/flex_example.js b/src-docs/src/views/flex/flex_example.js index 4ea7b44a29e..d3930c5394d 100644 --- a/src-docs/src/views/flex/flex_example.js +++ b/src-docs/src/views/flex/flex_example.js @@ -294,7 +294,7 @@ export const FlexExample = { text: (

You can set a columns prop to specify - anywhere between 2-4 columns. Any more would likely break on laptop screens. + anywhere between 1-4 columns. Any more would likely break on laptop screens.

), demo:
, diff --git a/src/components/flex/__snapshots__/flex_grid.test.js.snap b/src/components/flex/__snapshots__/flex_grid.test.js.snap index 9e07144d73b..2cd971c11da 100644 --- a/src/components/flex/__snapshots__/flex_grid.test.js.snap +++ b/src/components/flex/__snapshots__/flex_grid.test.js.snap @@ -18,6 +18,12 @@ exports[`EuiFlexGrid props columns 0 is rendered 1`] = ` /> `; +exports[`EuiFlexGrid props columns 1 is rendered 1`] = ` +
+`; + exports[`EuiFlexGrid props columns 2 is rendered 1`] = `