carbon__type-ts

v0.0.1-alpha.31
Typography for digital and software products using the Carbon Design System
eyeglass-module ibm elements carbon carbon-elements carbon-design-system

Readme Versions Dependencies Scripts

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

🙌 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.

npm i carbon__type-ts

Metadata

Downloads

Maintainers