Skip to main content
Version: 0.6

Letter Spacing

Letter Spacing

Utilities for controlling the tracking (letter spacing) of an element.

NamespaceOutput
tracking-tighter{ letterSpacing: -0.8 }
tracking-tight{ letterSpacing: -0.4 }
tracking-normal{ letterSpacing: 0 }
tracking-wide{ letterSpacing: 0.4 }
tracking-wider{ letterSpacing: 0.8 }
tracking-widest{ letterSpacing: 1.6 }

Custom Letter Spacing

If you didn't get suitable letter spacing for your project app, you can define your letter spacing by adding in CustomTheme.js file:

export default {
// letter spacing
letterSpacing: {
"big": 14
}
}

you can use it with syntax tracking--big