@adra-network/ui-library

ADRA Official UI library for Vue 3 applications, providing a set of reusable UI components.

• ✨  Release Notes

Quick Setup

1. Add @adra-network/ui-library dependency to your project

# Using npm
npm install @adra-network/ui-library

2. Add the package as a module in the nuxt

// nuxt.config.ts
export default defineNuxtConfig({
  modules: [
    "@adra-network/ui-library/nuxt", // notice we specify nuxt here
  ],
});

3. Use the components!

<template>
  <AButton>Click me!</AButton>
</template>

TODO

Atoms

• [x] ABtn
• [x] ACopy
• [x] ADatePicker
• [ ] ATextField
• [ ] ABreadcrumbs
• [ ] LanguageSelector
• [ ] AModal
• [ ] AStatusIcon
• [ ] ACountrySelect
• [ ] ATitleSelect
• [ ] AOrganizationSelect
• [ ] ASectorSelect
• [ ] ADivisionSelect
• [ ] ADownloadLink
• [ ] ALoginBtn
• [ ] AMarkdownEditor
• [ ] AMarkdownViewer
• [ ] AProgress

Molecules

• [ ] AToolbar
• [ ] ANavbar
• [ ] SearchInput

HOC

• [ ] SearchHandler

Helpers

• [ ] ACopy
• [ ] AMakeVisible