hyphenate-style-name

What is hyphenate-style-name?

The hyphenate-style-name package is a small, focused utility designed for converting JavaScript style object keys from camelCase to hyphenated-case. This is particularly useful when working with CSS in JavaScript solutions, where you might need to convert style objects into a format that can be used directly in stylesheets or inline styles.

What are hyphenate-style-name's main functionalities?

Hyphenating Style Names

Converts JavaScript style object keys from camelCase (e.g., 'marginLeft') to hyphenated-case (e.g., 'margin-left'). This is useful for dynamically generating CSS styles in JavaScript.

"marginLeft" => "margin-left"

Other packages similar to hyphenate-style-name

camelcase-css

Similar to hyphenate-style-name, camelcase-css converts CSS property names between camelCase and hyphenated-case. While hyphenate-style-name focuses on converting from camelCase to hyphenated-case, camelcase-css offers conversion in both directions, making it a bit more flexible depending on the user's needs.

change-case

change-case is a more comprehensive string manipulation library that includes functionality for transforming strings into various cases, including camel case, snake case, kebab case, and more. Compared to hyphenate-style-name, which is specialized for style names, change-case offers a broader range of string manipulation tools, making it suitable for a wider variety of applications beyond just CSS property names.

README

hyphenate-style-name

Hyphenates a camelcased CSS property name. For example:

• backgroundColor => background-color
• MozTransition => -moz-transition
• msTransition => -ms-transition
• color => color

Installation

$ npm install --save hyphenate-style-name

Usage

var hyphenateStyleName = require('hyphenate-style-name');

console.log(hyphenateStyleName('MozTransition')); // -moz-transition

License

BSD-3-Clause licensed. See LICENSE.