Important: This documentation covers Yarn 1 (Classic).
For Yarn 2+ docs and migration guide, see yarnpkg.com.

Package detail

terra-arrange

cerner3.7kApache-2.03.57.0

The arrange component is used for horizontally arranging and vertically aligning a single row of container elements.

Arrange, Cerner, Terra, terra-arrange, UI

readme

Terra Arrange

NPM version Build Status

The arrange component allows an item that has an intrinsic width, such as an icon or an image, to be offset from a group of associated content. When the group of associated content wraps, it will stay aligned next to the offset content rather than wrap below it.

Getting Started

  • Install with npm: npm install terra-arrange

Peer Dependencies

This component requires the following peer dependencies be installed in your app for the component to properly function.

Peer Dependency Version
react ^16.8.5
react-dom ^16.8.5

LICENSE

Copyright 2017 - 2019 Cerner Innovation, Inc.

Licensed under the Apache License, Version 2.0 (the "License"); you may not use this file except in compliance with the License. You may obtain a copy of the License at

    http://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for the specific language governing permissions and limitations under the License.

changelog

Changelog

Unreleased

3.57.0 - (May 24, 2024)

  • Changed
    • Minor dependency version bump.

3.56.1 - (April 25, 2024)

  • Changed
    • Stable release for v3.56.1.

3.56.1-alpha.1 - (April 24, 2024)

  • Removed
    • Reverted the change for a reflow issue when the viewport is resized to 320x256 px.

3.56.1-alpha.0 - (April 10, 2024)

  • Changed
    • Changed flex property to be compatible with IE.

3.56.0 - (February 15, 2024)

  • Changed
    • Minor dependency version bump.

3.55.0 - (November 13, 2023)

  • Changed
    • Minor dependency version bump

3.54.0 - (October 23, 2023)

  • Fixed
    • Fixed reflow issue when the viewport is resized to 320x256 px.

3.53.0 - (August 23, 2023)

  • Removed
    • Removed custom styles for terra-arrange to avoid issues on other components.

3.52.0 - (August 1, 2023)

  • Changed

    • Updated Arrange to use span elements instead of div.
  • Fixed

    • Fixed reflow issue when zoomed to 400% and the viewport is resized to 320x256 px.

3.51.0 - (February 15, 2023)

  • Changed
    • Updated wdio screenshots due to functional-testing upgrade.

3.50.0 - (December 7, 2022)

  • Changed
    • Minor dependency version bump

3.49.0 - (September 28, 2021)

  • Changed
    • Updated WDIO screenshots.

3.48.0 - (September 21, 2021)

  • Changed
    • Updated WDIO Screenshots due to webpack-config-terra sass upgrade.

3.47.0 - (July 6, 2021)

  • Changed
    • Update test urls to account for scoped packages.

3.46.0 - (May 11, 2021)

  • Changed
    • migrate doc to terra-core-docs
    • remove unnecessary dependencies

3.45.0 - (April 13, 2021)

  • Changed
    • Minor dependency version bump

3.44.0 - (April 6, 2021)

  • Changed
    • Upgrade tests to terra-functional-testing and WebDriverIO v6
    • Removed unnecessary wdio.conf.js file
    • Updated Jest command

3.43.0 - (February 2, 2021)

  • Changed
    • Minor dependency version bump

3.42.0 - (January 5, 2021)

  • Fixed
    • Fixed broken links in documentation.

3.41.0 - (December 8, 2020)

  • Changed
    • Minor dependency version bump

3.40.0 - (November 17, 2020)

  • Changed
    • Update wdio tests to remove deprecated Terra.it helpers

3.39.0 - (October 27, 2020)

  • Changed
    • Minor dependency version bump

3.38.0 - (August 6, 2020)

  • Changed
    • Minor dependency version bump

3.37.0 - (August 4, 2020)

  • Changed
    • Minor dependency version bump

3.36.0 - (July 29, 2020)

  • Changed
    • Update changelog formatting

3.35.0 - (July 7, 2020)

  • Changed
    • updated master references to main.

3.34.0 - (June 9, 2020)

  • Changed
    • Update wdio test configuration to use root wdio config

3.33.0 - (May 19, 2020)

  • Changed
    • Minor dependency version bump

3.32.0 - (April 28, 2020)

  • Changed
    • Removed "View Component Source Code" from docs in favour of source code badge
  • Added
    • Added clinical-lowlight-theme wdio screenshots

3.31.0 - (April 22, 2020)

  • Changed
    • Updated docs for documentation link
    • Removed extra lines from README

3.30.0 - (March 10, 2020)

  • Changed
    • Minor dependency version bump

3.29.0 - (February 18, 2020)

  • Added
    • Added generated-themes to .npmignore

3.28.0 - (February 4, 2020)

  • Changed
    • Update docs to use MDX syntax.

3.27.0 - (January 28, 2020)

  • Changed
    • Minor dependency version bump

3.26.0 - (January 7, 2020)

  • Removed
    • Removed yarn reference in docs

3.25.0 - (December 3, 2019)

  • Added
    • Added reference wdio screenshots for "orion-fusion-theme".

3.24.0 - (October 30, 2019)

  • Changed
    • Minor dependency version bump

3.23.0 - (October 3, 2019)

  • Changed
    • Minor dependency version bump

3.22.0 - (September 19, 2019)

  • Changed
    • Removed details tag from doc-site.

3.21.0 - (September 6, 2019)

  • Added
    • Props table markdown file import added to doc site page

3.20.0 - (September 3, 2019)

  • Changed
    • Minor dependency version bump

3.19.0 - (August 21, 2019)

  • Changed
    • Import for package version from package.json added to doc page
    • Switch from Object.assign to Object spread syntax.
    • Cleaned up imports in examples and test files

3.18.0 - (August 14, 2019)

  • Changed
    • updated package.json test scripts
    • Updated Props description for alignFitEnd and alignFill.

3.17.0 - (July 30, 2019)

  • Changed
    • Minor dependency version bump

3.16.0 - (July 24, 2019)

  • Changed
    • Minor dependency version bump

3.15.0 - (July 16, 2019)

  • Added
    • Added documentation on required peerDependencies

3.14.0 - (July 11, 2019)

  • Changed
    • Minor dependency version bump

3.13.0 - (July 9, 2019)

  • Changed
    • Update tests to use Terra.describeViewports for setting viewports

3.12.0 - (June 28, 2019)

  • Changed
    • Minor dependency version bump

3.11.0 - (June 18, 2019)

  • Changed
    • Removed all inline styles from Dev-site components and implemented the same styles using external css.

3.10.0 - (June 11, 2019)

  • Removed

    • Removed node_modules from .npmignore
  • Changed

    • Made required updates to consume terra-toolkit v5 and terra-dev-site v5

3.9.0 - (May 1, 2019)

  • Changed
    • Minor dependency version bump
    • Restructured arrange examples to better demonstrate alignment functionality

3.8.0 - (April 16, 2019)

  • Changed
    • Minor dependency version bump

3.7.0 - (April 9, 2019)

  • Changed
    • Minor dependency version bump

3.6.0 - (March 26, 2019)

  • Changed

    • Update react/react-dom peer-dependency to latest stable minor release
  • Removed

    • Removed peer dependency on terra-base
    • Removed baseStyles import from terra-base

3.5.0 - (March 21, 2019)

  • Changed
    • Minor dependency version bump

3.4.0 - (February 26, 2019)

  • Changed
    • Minor dependency version bump

3.3.0 - (February 12, 2019)

  • Changed
    • Minor dependency version bump

3.2.0 - (February 5, 2019)

  • Changed
    • Minor dependency version bump

3.1.0 - (January 26, 2019)

  • Changed
    • Minor dependency version bump

3.0.0 - (January 22, 2019)

  • Changed
    • Updated theme variables

2.34.0 - (January 22, 2019)

  • Changed
    • Updated dependencies to fix major version bump issues

2.33.0 - (January 8, 2019)

  • Changed
    • Minor dependency version bump

2.32.0 - (January 2, 2019)

  • Changed
    • Updated site examples to be more accessible.
    • Removed use of componentWillMount from examples

2.31.1 - (November 20, 2018)

  • Changed
    • Patch dependency version bump

2.31.0 - (November 19, 2018)

  • Changed
    • Minor dependency version bump

2.30.0 - (November 13, 2018)

  • Changed
    • Minor dependency version bump

2.29.0 - (November 9, 2018)

  • Changed
    • Minor dependency version bump

2.28.0 - (October 24, 2018)

  • Changed
    • Minor dependency version bump

2.27.0 - (October 16, 2018)

  • Changed
    • Minor dependency version bump

2.26.0 - (October 8, 2018)

  • Changed
    • Minor dependency version bump

2.25.0 - (October 2, 2018)

  • Added
    • Export for alignment types added

2.24.0 - (September 25, 2018)

  • Changed
    • Minor dependency version bump

2.23.1 - (September 6, 2018)

  • Changed
    • Patch dependency version bump

2.23.0 - (September 5, 2018)

  • Changed
    • Bumped minimum react peerDependency version from ^16.2.0 to ^16.4.2
    • Bumped minimum react-dom peerDependency version from ^16.2.0 to ^16.4.2

2.22.0 - (September 4, 2018)

  • Changed
    • Minor dependency version bump

2.21.0 - (August 29, 2018)

  • Changed
    • Minor dependency version bump

2.20.0 - (August 1, 2018)

  • Changed
    • Minor dependency version bump

2.19.0 - (July 19, 2018)

  • Changed
    • Add .module extension to SCSS file(s)

2.18.0 - (July 17, 2018)

  • Changed
    • Minor dependency version bump
    • Formatting changes per eslint v4 update

2.17.0 - (July 10, 2018)

  • Changed
    • Minor dependency version bump

2.16.0 - (June 28, 2018)

  • Changed

    • Minor dependency version bump
  • Added

    • Added change log to the documentation on terra-dev-site

2.15.0 - (June 22, 2018)

  • Changed
    • Moved terra-base from dependency to peerDependency

2.14.0 - (June 12, 2018)

  • Changed
    • Updated "test:jest" script to work on windows.

2.13.0 - (May 30, 2018)

  • Changed
    • Updated structure to match terra-dev-site 1.0 and moved doc examples internal.

2.12.0 - (May 25, 2018)

  • Changed
    • Minor dependency version bump

2.11.0 - (May 23, 2018)

  • Changed
    • Minor dependency version bump

2.10.0 - (May 16, 2018)

  • Changed
    • Minor dependency version bump

2.9.0 - (May 9, 2018)

  • Changed
    • Minor dependency version bump

2.8.0 - (May 2, 2018)

  • Changed
    • Minor dependency version bump

2.7.0 - (April 20, 2018)

  • Changed
    • Minor dependency version bump

2.6.0 - (April 15, 2018)

  • Changed
    • Minor dependency version bump

2.5.0 - (April 5, 2018)

  • Changed
    • Minor dependency version bump

2.4.0 - (March 30, 2018)

  • Changed
    • Minor dependency version bump

2.3.0 - (March 14, 2018)

  • Changed
    • Removed error thrown when fitStart or fitEnd isn't provided.

2.2.0 - (March 6, 2018)

  • Removed
    • Removed props-table script from package.json

2.1.0 - (February 26, 2018)

  • Changed
    • Minor dependency version bump

2.0.1 - (February 13, 2018)

  • Changed
    • Updated peerDependencies

2.0.0 - (February 12, 2018)

  • Changed
    • Updated to use React 16

1.19.0 - (February 1, 2018)

  • Changed
    • Minor dependency version bump

1.18.0 - (January 18, 2018)

  • Changed
    • Minor dependency version bump

1.17.0 - (January 5, 2018)

  • Changed
    • Fixed broken image in arrange example

1.16.0 - (November 28, 2017)

  • Changed
    • Minor dependency version bump

1.15.0 - (November 16, 2017)

  • Changed
    • Minor dependency version bump

1.14.0 - (November 7, 2017)

  • Changed
    • Minor dependency version bump

1.13.0 - (October 31, 2017)

  • Changed
    • Change to be flexbox component and adding new props to apply attributes to content containers

1.12.0 - (October 6, 2017)

  • Changed
    • Minor dependency version bump

1.11.0 - (September 26, 2017)

  • Removed
    • Remove stylelint-disable selector-class-pattern

1.10.0 - (September 12, 2017)

  • Changed
    • Minor dependency version bump

1.9.0 - (September 12, 2017)

  • Changed
    • Minor dependency version bump

1.8.0 - (September 7, 2017)

  • Changed
    • Minor dependency version bump

1.7.0 - (September 5, 2017)

  • Changed
    • Update nightwatch tests and test scripts.

1.6.0 - (August 31, 2017)

  • Changed
    • Minor dependency version bump

1.5.0 - (August 15, 2017)

  • Changed
    • Minor dependency version bump

1.4.0 - (August 8, 2017)

  • Changed
    • Minor dependency version bump

1.3.0 - (August 1, 2017)

  • Changed
    • Minor dependency version bump

1.2.0 - (July 26, 2017)

  • Changed
    • Minor dependency version bump

1.1.0 - (July 18, 2017)

  • Changed

    • Converted component to use CSS modules
    • Updated nightwatch test scripts
  • Removed

    • Removed nightwatch.config file

1.0.0 - (June 28, 2017)

Initial stable release