@carbon/motion NPM | npm.io

11.17.0 • Published 2 months ago

Install

Weekly downloads

12,765

License

Apache-2.0

Repository

Last release

2 months ago

`@carbon/motion`

Motion helpers for digital and software products using the Carbon Design System.

Getting Started

Run the following command using npm:

npm install -S @carbon/motion

If you prefer Yarn, use the following command instead:

yarn add @carbon/motion

Usage

JavaScript

If you're using @carbon/motion as a JavaScript dependency, we export our easings and a function called motion that you can use. For example:

// CommonJS
const { easings, motion } = require('@carbon/motion');

You can also include this as a JavaScript module:

// ESM
import { easings, motion } from '@carbon/motion';

motion('standard', 'productive'); // Returns a string `cubic-bezier()` function

Styles

If you're using @carbon/motion as a Sass dependency, we export a function and mixin called motion that you can use to get the correct transition-property for your styles.

You can import @carbon/motion by including it at the top of your file like so:

@import '@carbon/motion/scss/motion.scss';

.my-custom-selector {
  // Function for `motion`
  transition-property: motion(standard, productive);
}

.my-other-custom-selector {
  // Shortcut for above, sets `transition-property` with the value for the
  // standard easing curve in productive mode.
  @include motion(standard, productive);
}

🤲 Contributing

To learn more about how to contribute, look here!

ibm elements carbon carbon-elements carbon-design-system components react

@ibm/telemetry-js

2 months ago

2 months ago

2 months ago

6 months ago

6 months ago

10 months ago

10 months ago

9 months ago

10 months ago

9 months ago

9 months ago

6 months ago

10 months ago

10 months ago

9 months ago

10 months ago

11 months ago

11 months ago

11 months ago

12 months ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

10.11.0-alpha.0

3 years ago

3 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

10.7.0-alpha.6542

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

10.5.0-alpha.6087

4 years ago

10.5.0-alpha.6083

4 years ago

10.5.0-alpha.6082

4 years ago

10.5.0-alpha.6081

4 years ago

10.5.0-alpha.6076

4 years ago

10.5.0-alpha.6075

4 years ago

10.5.0-alpha.6070

4 years ago

10.5.0-alpha.6049

4 years ago

10.5.0-alpha.6046

4 years ago

10.5.0-alpha.5964

5 years ago

10.5.0-alpha.5963

5 years ago

10.5.0-alpha.5958

5 years ago

10.5.0-alpha.5942

5 years ago

10.5.0-alpha.5941

5 years ago

10.5.0-alpha.5928

5 years ago

10.5.0-alpha.5916

5 years ago

10.5.0-alpha.5887

5 years ago

10.5.0-alpha.5852

5 years ago

10.5.0-alpha.5851

5 years ago

10.5.0-alpha.5846

5 years ago

10.5.0-alpha.5838

5 years ago

10.5.0-alpha.5837

5 years ago

10.5.0-alpha.5835

5 years ago

10.5.0-alpha.5834

5 years ago

10.5.0-alpha.5816

5 years ago

10.5.0-alpha.5806

5 years ago

10.5.0-alpha.5778

5 years ago

10.5.0-alpha.5775

5 years ago

10.5.0-alpha.5769

5 years ago

10.5.0-alpha.5768

5 years ago

10.5.0-alpha.5764

5 years ago

10.5.0-alpha.5763

5 years ago

5 years ago

10.5.0-alpha.5640

5 years ago

10.4.0-alpha.5613

5 years ago

5 years ago

10.4.0-alpha.5518

5 years ago

5 years ago

5 years ago

10.3.0-alpha.5501

5 years ago

5 years ago

5 years ago

10.3.0-alpha.5390

5 years ago

10.3.0-alpha.5323

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago