@agendize/design-system NPM | npm.io

1.23.0 • Published 7 days ago

Install

Weekly downloads

-

License

Apache-2.0

Repository

Last release

7 days ago

Agendize System Design

Description

System design for Agendize Component - based on tailwindcss (https://tailwindcss.com/)

Install

To install on your project

yarn add @agendize/design-system
# or
npm install @agendize/design-system

Global

Components

List of components

FieldDateTime
FieldEmail
FieldFile
FieldHidden
FieldInput
FieldLabel
FieldNumber
FieldPhone
FieldSelect
FieldTextArea
FieldToggle
FieldUrl
SearchInput
ButtonValidation
DialogBox

import { createApp } from 'vue';
import App from './App.vue';

import  { FieldInput, FieldEmail, FieldTextArea, FieldToggle, SearchInput } from '@agendize/design-system';
import '@agendize/design-system/dist/style.css';

const app = createApp(App);
app.component('FieldInput', FieldInput);
app.component('FieldEmail', FieldEmail);
app.component('FieldTextArea', FieldTextArea);
app.component('FieldToggle', FieldToggle);
app.component('SearchInput', SearchInput);

Local

<script>
  import  { FieldInput, FieldEmail, FieldTextArea, FieldToggle, SearchInput } from '@agendize/design-system';
  import '@agendize/design-system/dist/style.css';
    
  export default {
    components: { FieldInput, FieldEmail, FieldTextArea, FieldToggle, SearchInput}
  }
</script>

Use with Vite

If you want use design-system in a Vite project you must add 'vue-select', 'vue-tel-input' in external section of rollupOptions

Toaster Api

A toaster engine is also available and must be declared on the app (main)

import { createApp } from 'vue';
import App from './App.vue';

import  { TOAST_OPTIONS } from '@agendize/design-system';
import Toast from "vue-toastification";

const app = createApp(App);
app.use(Toast, TOAST_OPTIONS);

and then

import '@agendize/design-system/dist/style.css';


import { useToast } from "vue-toastification";

function createToast() {
  const toast = useToast()

  // Use it!
  toast("I'm a toast!")
  toast.info("Toast info", {icon:'fa fa-info'})
  toast.success("Toast success", {icon:'fa fa-check'})
  toast.error("Toast error")
  toast.warning("Toast warning", {icon:'fa fa-exclamation'})
}

agendize design system

@agendize/az-i18n @popperjs/core v-calendar vue vue-i18n vue3-infinite-list vue-toastification vue-select vue-multiselect vue-tel-input libphonenumber-js mapbox-gl @mapbox/search-js-core i18n-iso-countries @tinymce/tinymce-vue

vue-event-booking @infinitebrahmanuniverse/nolb-_age @everything-registry/sub-chunk-32 @agendize/vue-agenda @agendize/vue-agendize @agendize/vue-calendar @agendize/vue-crm @agendize/vue-event-booking @agendize/vue-event-booking-widget @agendize/vue-form @agendize/vue-queue @agendize/vue-report @agendize/vue-search @agendize/vue-settings @agendize/vue-tools @agendize/vue-widget @zalastax/nolb-_age

7 days ago

20 days ago

30 days ago

1 month ago

2 months ago

3 months ago

3 months ago

3 months ago

4 months ago

4 months ago

5 months ago

5 months ago

6 months ago

9 months ago

10 months ago

7 months ago

7 months ago

8 months ago

7 months ago

1.3.9-beta4818-2

1 year ago

1.3.11-beta4889-1

1 year ago

1.3.7-beta.4797.2

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1.3.0-beta.4613.0

1 year ago

1.3.0-beta.4613.6

1 year ago

1.3.0-beta.4613.5

1 year ago

1.3.0-beta.4613.8

1 year ago

1.3.0-beta.4613.7

1 year ago

1.3.0-beta.4613.2

1 year ago

1.3.0-beta.4613.1

1 year ago

1.3.0-beta.4613.4

1 year ago

1.3.0-beta.4613.3

1 year ago

1.3.0-beta.4613.9

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1.3.10-beta.4959.2

1 year ago

1.3.10-beta.4959.1

1 year ago

1.3.10-beta.4959.4

1 year ago

1.3.10-beta.4959.3

1 year ago

1.3.4-beta.4797.0

1 year ago

1.3.4-beta.4797.1

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1.3.10-beta.4781.2

1 year ago

1.3.10-beta.4781.3

1 year ago

1.3.10-beta.4781.4

1 year ago

1.3.10-beta.4781.1

1 year ago

1.3.10-beta.4795.1

1 year ago

1.3.10-test.4959.10

1 year ago

1.3.10-test.4959.11

1 year ago

1.3.10-test.4959.12

1 year ago

1.3.10-test.4959.13

1 year ago

1.3.10-test.4959.14

1 year ago

1.3.8-alpha.4795.3

1 year ago

1.3.8-alpha.4795.2

1 year ago

1.3.8-alpha.4795.5

1 year ago

1.3.8-alpha.4795.4

1 year ago

1.3.8-alpha.4795.1

1 year ago

1.3.0-beta.4613.10

1 year ago

1.3.7-beta4818-1

1 year ago

1.3.0-beta.4673.2

1 year ago

1.3.0-beta.4673.1

1 year ago

1.3.0-beta.4673.5

1 year ago

1.3.0-beta.4673.4

1 year ago

1.3.0-beta.4673.3

1 year ago

1 year ago

1.3.10-4959.test.1

1 year ago

1.3.10-4959.test.2

1 year ago

1.2.1-beta.4719.1

1 year ago

1.2.1-beta.4719.2

1 year ago

1.2.1-beta.4719.3

1 year ago

1.2.1-beta.4719.4

1 year ago

1.2.1-beta.4719.5

1 year ago

1.3.9-beta.4784-1

1 year ago

1.2.1-beta.4719.6

1 year ago

1.2.1-beta.4719.7

1 year ago

1.3.9-beta.4784-2

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1.3.8-beta.4790.1

1 year ago

1 year ago

1 year ago

1.3.6-alpha.4790.6a

1 year ago

1.3.6-alpha.4790.6b

1 year ago

1.3.9-beta.4781-1

1 year ago

1 year ago

1.3.11-beta4889

1 year ago

1.3.10-test.4959.9

1 year ago

1.3.10-test.4959.7

1 year ago

1.3.10-test.4959.8

1 year ago

1.3.10-test.4959.1

1 year ago

1.3.10-test.4959.2

1 year ago

1.3.10-test.4959.5

1 year ago

1.3.10-test.4959.6

1 year ago

1.3.10-test.4959.3

1 year ago

1.2.1-beta.4680.4

1 year ago

1.2.1-beta.4680.3

1 year ago

1.3.6-alpha.4790.5

1 year ago

1.3.6-alpha.4790.6

1 year ago

1.3.6-alpha.4790.7

1 year ago

1.2.1-beta.4680.2

1 year ago

1.2.1-beta.4680.1

1 year ago

1.3.6-alpha.4790.1

1 year ago

1.3.6-alpha.4790.2

1 year ago

1.3.6-alpha.4790.3

1 year ago

1.3.6-alpha.4790.4

1 year ago

0.15.0-beta598-2

1 year ago

0.15.0-beta388.4

1 year ago

0.15.0-beta388.5

1 year ago

1 year ago

0.15.0-beta388.1

1 year ago

0.15.0-beta388.2

1 year ago

0.15.0-beta388.3

1 year ago

1 year ago

1 year ago

1.0.0-beta4648-1

1 year ago

1.0.0-beta4648-2

1 year ago

1 year ago

0.14.88-beta375-2

1 year ago

0.14.88-beta375-3

1 year ago

0.14.88-beta375-4

1 year ago

0.14.88-beta388.2

1 year ago

0.14.88-beta388.1

1 year ago

1 year ago

1 year ago

1 year ago

0.14.88-beta598

1 year ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

0.14.22-beta001

2 years ago

2 years ago

0.15.1-beta.387.3

1 year ago

2 years ago

0.15.1-beta.387.2

1 year ago

2 years ago

2 years ago

0.15.1-beta.387.4

1 year ago

0.15.1-beta.387.1

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

2 years ago

1 year ago

2 years ago

1 year ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

1 year ago

2 years ago

2 years ago

0.14.88-beta.629.1

1 year ago

1 year ago

2 years ago

2 years ago

2 years ago

2 years ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

2 years ago

2 years ago

2 years ago

2 years ago

0.14.80-beta.520.2

1 year ago

0.14.80-beta.520.1

1 year ago

0.14.88-beta375-1

1 year ago

1 year ago

1 year ago

1 year ago

2 years ago

0.14.84-beta.568.1

1 year ago

0.14.84-beta.568.2

1 year ago

2 years ago

0.14.88-alpha.629.1

1 year ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

0.13.3-beta12-1

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago