Font Plex Mono Component

npm version

About

Makes IBM Plex Mono font-family with a weight of 400 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-mono with this command.

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

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-mono/index.scss";

Make sure you import Sass requirements along with the modules.


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

Variants


Variant: Default live utility

Nunjucks demo

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

Sample output

I'm vf-font-plex-mono.

Sample output as HTML

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

Assets

All components in this design system

This page is part of the components section.