@adra-network/ui-library v0.0.10

@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

• ABtn
• ACopy
• 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