@lu-development/ux-patterns

Getting Started Developing the UX Patterns

To start working on the design system(and if you have access to repo), clone this repo to a new directory:

git clone https://bitbucket.os.liberty.edu/scm/ds/ux-patterns.git
cd ux-patterns

and run:

npm start

Getting Started With Components

######Script tag

Put this script tag with the version

<link href="https://unpkg.com/@lu-development/ux-patterns@1.6.0/css/liberty.bundle.css" rel="stylesheet">
<script type="module" src="https://unpkg.com/@lu-development/ux-patterns@1.6.0/dist/uxpatterns/uxpatterns.esm.js"></script>
<script nomodule src="https://unpkg.com/@lu-development/ux-patterns@1.6.0/dist/uxpatterns/uxpatterns.js"></script>

You need to import at least the core.css for your app to function. You don't need the full liberty.bundle.css

in the head of your index.html Then you can use the element anywhere in your template, JSX, html etc.

https://stenciljs.com