Victoria UI Kit

Victoria UI Kit is a style guide and UI pattern library providing base CSS, JavaScript and HTML markup required to build websites and applications on the main Victoria Web channel.

If you wish to use this UI Kit you need to contact Nathan Irwin or other members of the Web Team.

This isn't a supported self service UI package.

If you require branding for your applcation please see our application Brand guide

Quick Start

To include Victoria's UI styles in your project, copy-paste the following code snippet into the <head> element in your project:

<link rel="stylesheet" type="text/css" href="https://www.wgtn.ac.nz/__data/assets/git_bridge/0005/1778018/dist/toolkit.min.css">

If you wish to use complex dynamic components that require JavaScript to work properly (see Components), include and Victoria's UI Scripts library just before the closing </body> tag:

<script src="https://www.wgtn.ac.nz/__data/assets/git_bridge/0005/1778018/dist/toolkit.min.js"></script>

It is recommend to hotlink the libraries from CDN as shown above. However, if you wish to bundle them with your project, you can Download any given release or even use a package manager, such as NPM or Yarn:

yarn add https://github.com/victoriauniversity/victoria-ui-releases.git#releases --save

How to contribute

Even though the Victoria UI library is maintained by the Web Team, any form of contribution is highly appreciated.

To report a bug, request a feature or simply discuss your ideas, please either:

submit a ticket in project's GitHub repository, or
directly contribute to the code base by creating a pull request into project's dev branch.

Support and contact

For any urgent inquiries, contact Nathan Irwin or other members of the Web Team.