Sorry, but you either have no stories or none are selected somehow.
If the problem persists, check the browser console, or the terminal you've run Storybook from.
Welcome to Iris Vue, created by Alkami. Here you’ll find Vue components that can be leveraged across our products to help you create high quality User Experiences (UX). The goals of this system are to:
Add the following links to the <head>
element in index.html or wherever the entry point for your Vue app is:
<!-- Include in the Alkami Platform on desktop only -->
<link rel="stylesheet" href="https://iris.alkamitech.com/cdn/iris-vue@official/iris-components.shim.desktop.min.css" type="text/css" />
<!-- Include in the Alkami Platform on mobile only -->
<link rel="stylesheet" href="https://iris.alkamitech.com/cdn/iris-vue@official/iris-components.shim.mobile.min.css" type="text/css" />
<!-- Iris Foundation Styles (Utility Classes) -->
<link rel="stylesheet" href="https://iris.alkamitech.com/cdn/iris-foundation/latest/iris-foundation.min.css" type="text/css" />
<!-- Iris Vue Component Styles -->
<link rel="stylesheet" href="https://iris.alkamitech.com/cdn/iris-vue@official/iris-components.min.css" type="text/css" />
Then, add the following Iris Vue library script after the vue framework library script (usually inside the <body>
element):
<script src="https://iris.alkamitech.com/cdn/iris-vue@official/iris-vue.umd.min.js" type="text/javascript"></script>
Alkami Developers should include Iris Vue by using the Alkami.Modules.WebAssets.Helpers in their widgets. Internal documentation here. SDK widgets automatically use this by default so no further changes are needed.
If you are using VSCode, you can take advantage of Iris Vue tooling by installing the Vetur extension
Note: you will need to have access to Alkami's private NPM registry to download and install the iris-vue npm package
npm install --save-dev @alkami/iris-vue-helper-json
yarn add -D @alkami/iris-vue-helper-json