Full documentation is available on the demo site.
Install with NPM:
npm install @aotearoan/neon
or yarn:
yarn add @aotearoan/neon
Import components and supporting classes like so:
import { NeonButton } from '@aotearoan/neon';
export default defineComponent({
name: 'SomeComponent',
components: {
NeonButton,
},
...
});
To import the theme:
@use '@aotearoan/neon/theme';
Alternatively the theme can be imported with a list of used components to minimise the final package size:
@use '@aotearoan/neon/theme' with (
$neon-components: (
NeonAlert,
NeonButton,
NeonCard,
NeonCardBody,
NeonCardFooter,
NeonCardHeader,
NeonDrawer,
),
);
Add the necessary app & Neon styles to the HTML element as well as the light/dark mode, e.g.to set dark mode by default:
<html class="app neon neon-mode--dark">
For more information on dynamically changing the mode see Dark mode.
- build the project (
npm build), - run
npm packto create a tarball of the project - install from the tarball with
npm i -S /$PATH-TO-THIS-PROJECT/aotearoan-neon-21.2.8.tgz
