@carbon/type

Typography for digital and software products using the Carbon Design System

Getting started

To install @carbon/type in your project, you will need to run the following command using npm:

npm install -S @carbon/type

If you prefer Yarn, use the following command instead:

yarn add @carbon/type

Usage

@carbon/type provides a variety of ways to work with typography from the IBM Design Language. You can use all of these features either in JavaScript or Sass. These features include:

| Feature | Description | | ------------ | ------------------------------------------------------------------------------------------------------------ | | Font face | Include IBM Plex™ font faces in your application. Uses Google fonts | | Type classes | Helpers to use type styles directly. Not included by default | | Font family | Defines the font stack for IBM Plex™ in your application, provides helpers for working with font definitions | | Reset | Provides a high-level CSS Reset to use in your project | | Scale | Provides the type scale. Can access the size at any given step | | Spacing | Provides a high-level spacing scale to be used when laying out type | | Styles | Provides type styles for your application |

📚 Examples

If you're looking for more examples on how to use @carbon/type, we have some examples that you can check out:

• Styled-components

🙌 Contributing

We're always looking for contributors to help us fix bugs, build new features, or help us improve the project documentation. If you're interested, definitely check out our Contributing Guide ! 👀

📝 License

Licensed under the Apache 2.0 License.