dydx-antd-for-vue Component Library

Introduction

dydx-antd-for-vue is a collection of Vue 3 components built on Ant Design Vue, designed to streamline common UI patterns and enhance development efficiency. This library provides ready-to-use components that integrate seamlessly with your Vue 3 projects.

Installation

To install the component library, use npm or pnpm:

# Using npm
npm install dydx-antd-for-vue

# Using pnpm
pnpm install dydx-antd-for-vue

Usage

You can import and use components directly in your Vue 3 SFCs:

<script setup lang="ts">
import { DydxDynamicForm } from 'dydx-antd-for-vue';
import { ref } from 'vue';

const formData = ref({
  username: '',
  email: '',
});

const formSchemas = [
  {
    label: 'Username',
    name: 'username',
    fieldType: 'input',
    props: { placeholder: 'Enter username' },
  },
  {
    label: 'Email',
    name: 'email',
    fieldType: 'input',
    props: { type: 'email', placeholder: 'Enter email' },
  },
];

function handleSubmit(data: any) {
  console.log('Form submitted:', data);
}
</script>

<template>
  <DydxDynamicForm :schemas="formSchemas" :form-data="formData" @submit="handleSubmit" />
</template>

Components

Here is a list of components available in this library. Click on each component to view its detailed documentation.

• DydxDynamicForm
• IconPicker
• DydxUpload