@carbon/type

@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:

• Basic
• 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.