Font Plex Sans Component

npm version

About

Makes IBM Plex Sans font-family in various weights and italic available to your Sass/CSS and other higher-level components.

Install

This component is distributed with npm. After installing npm, you can install the vf-font-plex-sans with this command.

$ yarn add --dev @visual-framework/vf-font-plex-sans

The source files included are written in Sass(scss). You can point your Sass include-path at your node_modules directory and import it like this.

@import "@visual-framework/vf-font-plex-sans/index.scss";

Make sure you import Sass requirements along with the modules.


File system location: components/vf-font-plex-sans

Variants


Variant: Default live utility

Nunjucks demo

{% render '@vf-font-plex-sans--default', {
  "component-type": "utility",
  "text": "I'm vf-font-plex-sans."
} %}
        

Sample output

I'm vf-font-plex-sans.

Sample output as HTML

<div class="vf-font-plex-sans">I'm vf-font-plex-sans.</div>
        

Assets

All components in this design system

This page is part of the components section.