@uptake/design-system NPM

Design System

Background

The Uptake design system is a repository of components and utilities within a shared user experience. The design system is provided to consumers in CSS and SASS formats with documentation on usage.

Install the dependency: npm install --save @uptake/design-system

Example: Load the design system with the light theme in your repository's base directory.

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <title>My Uptake App</title>

        <link href="node_modules/@uptake/design-system/dist/design-system.css" rel="stylesheet">
    </head>
    <body class="up-ds-theme up-ds-theme--light">
        <h1 class="up-ds-type up-ds-type--regular-heading-l">Hello World</h1>
    </body>
</html>