2.1.186 • Published 7 months ago

@zarinpal/web-components v2.1.186

Weekly downloads
-
License
ZarinPal
Repository
github
Last release
7 months ago

@zarinpal/web-components.

This package providing a new design system for ZarinPal that contains a foundation and many components based on the new design system. although this package developing for ZarinPal, it will use for other ZarinPal products in the future. In order to increase development speed and consistency on the style guide, we decided to use TailwindCSS. So this package uses TailwindCSS, Typescript and Vuejs.

NOTE: This package is under construction and it's not ready to use!

NOTE: These web components build for Vue.js 2.x / Nuxt.js 2.x

Features

  • Responsive components
  • Support Dark and Light mode

Installation

First install and configure TailwindCSS with a minimal config then add @zarinpal/web-components dependency to your project:

# using npm
npm install @zarinpal/web-components

# using yarn
yarn add @zarinpal/web-components

Add it to your project:

Nuxtjs

  1. Create a plugin with web-components.js name
// web-components.js

import Vue from 'vue';
import zwc from '@zarinpal/web-components';
import '@zarinpal/web-components/dist/zwc.css';

Vue.use(zwc);
  1. Add plugin to nuxt.config.js
// nuxt.config.js

...

plugins: [
  '~/plugin/web-components',
],

...
  1. Add purge to tailwind.config.js
// tailwind.config.js

...

purge: [
  'node_modules/@zarinpal/web-components/**/*.vue',
],

...

Usage

After installation, you just need to add components anywhere you want

<!-- *.vue -->

<button size="large">My Button</button>

Contributing

We're haven't any contributing guidelines yet because this package built as an intra-organizational project.

ZarinPalComponent LibraryWeb ComponentsVueTailwindCSS
@types/moment-jalaali@types/node@vue/composition-api@vueuse/coreapexchartsautoprefixeraxiosmarkedmomentmoment-jalaalimoment-locales-webpack-pluginpostcssrollup-plugin-multi-inputstorybook-vue-routertailwindcssurl-loadervee-validatevue-apexchartsvue-class-componentvue-i18nvue-persian-datetime-pickervue-property-decoratorvue-routervue2-dropzone
@everything-registry/sub-chunk-1070@zalastax/nolb-_za@infinitebrahmanuniverse/nolb-_zar
2.1.170

10 months ago

2.1.172

10 months ago

2.1.171

10 months ago

2.1.174

10 months ago

2.1.173

10 months ago

2.1.176

10 months ago

2.1.175

10 months ago

2.1.178

9 months ago

2.1.177

10 months ago

2.1.179

9 months ago

2.1.181

8 months ago

2.1.180

8 months ago

2.1.183

7 months ago

2.1.182

8 months ago

2.1.185

7 months ago

2.1.184

7 months ago

2.1.186

7 months ago

2.1.167

10 months ago

2.1.166

10 months ago

2.1.169

10 months ago

2.1.150

12 months ago

2.1.152

12 months ago

2.1.154

11 months ago

2.1.153

11 months ago

2.1.156

11 months ago

2.1.155

11 months ago

2.1.158

11 months ago

2.1.157

11 months ago

2.1.161

11 months ago

2.1.160

11 months ago

2.1.163

11 months ago

2.1.162

11 months ago

2.1.165

10 months ago

2.1.164

11 months ago

2.1.143

12 months ago

2.1.145

12 months ago

2.1.144

12 months ago

2.1.147

12 months ago

2.1.146

12 months ago

2.1.149

12 months ago

2.1.148

12 months ago

2.1.139

1 year ago

2.1.141

1 year ago

2.1.140

1 year ago

2.1.142

1 year ago

2.1.138

1 year ago

2.1.137

1 year ago

2.1.89

2 years ago

2.1.87

2 years ago

2.1.88

2 years ago

2.1.85

2 years ago

2.1.86

2 years ago

2.1.83

2 years ago

2.1.84

2 years ago

2.1.81

2 years ago

2.1.82

2 years ago

2.1.80

2 years ago

2.1.98

1 year ago

2.1.99

1 year ago

2.1.101

1 year ago

2.1.96

1 year ago

2.1.100

1 year ago

2.1.97

1 year ago

2.1.103

1 year ago

2.1.94

2 years ago

2.1.102

1 year ago

2.1.95

2 years ago

2.1.105

1 year ago

2.1.92

2 years ago

2.1.104

1 year ago

2.1.93

2 years ago

2.1.107

1 year ago

2.1.90

2 years ago

2.1.106

1 year ago

2.1.91

2 years ago

2.1.27

2 years ago

2.1.28

2 years ago

2.1.25

2 years ago

2.1.26

2 years ago

2.1.23

2 years ago

2.1.24

2 years ago

2.1.29

2 years ago

2.1.38

2 years ago

2.1.39

2 years ago

2.1.36

2 years ago

2.1.37

2 years ago

2.1.34

2 years ago

2.1.35

2 years ago

2.1.32

2 years ago

2.1.33

2 years ago

2.1.30

2 years ago

2.1.31

2 years ago

2.1.49

2 years ago

2.1.47

2 years ago

2.1.48

2 years ago

2.1.130

1 year ago

2.1.45

2 years ago

2.1.46

2 years ago

2.1.132

1 year ago

2.1.43

2 years ago

2.1.131

1 year ago

2.1.44

2 years ago

2.1.134

1 year ago

2.1.41

2 years ago

2.1.133

1 year ago

2.1.42

2 years ago

2.1.136

1 year ago

2.1.135

1 year ago

2.1.40

2 years ago

2.1.58

2 years ago

2.1.59

2 years ago

2.1.56

2 years ago

2.1.57

2 years ago

2.1.54

2 years ago

2.1.55

2 years ago

2.1.52

2 years ago

2.1.53

2 years ago

2.1.50

2 years ago

2.1.51

2 years ago

2.1.109

1 year ago

2.1.108

1 year ago

2.1.69

2 years ago

2.1.67

2 years ago

2.1.68

2 years ago

2.1.110

1 year ago

2.1.65

2 years ago

2.1.66

2 years ago

2.1.112

1 year ago

2.1.63

2 years ago

2.1.111

1 year ago

2.1.64

2 years ago

2.1.114

1 year ago

2.1.61

2 years ago

2.1.113

1 year ago

2.1.62

2 years ago

2.1.116

1 year ago

2.1.115

1 year ago

2.1.60

2 years ago

2.1.118

1 year ago

2.1.117

1 year ago

2.1.119

1 year ago

2.1.78

2 years ago

2.1.79

2 years ago

2.1.121

1 year ago

2.1.76

2 years ago

2.1.120

1 year ago

2.1.77

2 years ago

2.1.123

1 year ago

2.1.74

2 years ago

2.1.122

1 year ago

2.1.75

2 years ago

2.1.125

1 year ago

2.1.72

2 years ago

2.1.124

1 year ago

2.1.73

2 years ago

2.1.127

1 year ago

2.1.70

2 years ago

2.1.126

1 year ago

2.1.71

2 years ago

2.1.129

1 year ago

2.1.128

1 year ago

2.0.29

3 years ago

2.0.38

2 years ago

2.0.35

2 years ago

2.0.36

2 years ago

2.0.33

3 years ago

2.0.34

2 years ago

2.0.31

3 years ago

2.0.32

3 years ago

2.1.9

2 years ago

2.0.39

2 years ago

2.1.16

2 years ago

2.1.17

2 years ago

2.1.14

2 years ago

2.0.46

2 years ago

2.1.15

2 years ago

2.1.12

2 years ago

2.0.44

2 years ago

2.1.13

2 years ago

2.0.45

2 years ago

2.1.10

2 years ago

2.0.42

2 years ago

2.0.43

2 years ago

2.0.40

2 years ago

2.0.41

2 years ago

2.1.18

2 years ago

2.1.19

2 years ago

2.1.2

2 years ago

2.1.1

2 years ago

2.1.4

2 years ago

2.1.3

2 years ago

2.1.6

2 years ago

2.1.5

2 years ago

2.1.21

2 years ago

2.1.8

2 years ago

2.1.22

2 years ago

2.1.7

2 years ago

2.1.20

2 years ago

2.1.0

2 years ago

2.0.28

3 years ago

2.0.30

3 years ago

2.0.27

3 years ago

2.0.26

3 years ago

2.0.25

3 years ago

2.0.24

3 years ago

2.0.15

3 years ago

2.0.16

3 years ago

2.0.13

3 years ago

2.0.14

3 years ago

2.0.12

3 years ago

2.0.19

3 years ago

2.0.17

3 years ago

2.0.18

3 years ago

2.0.22

3 years ago

2.0.23

3 years ago

2.0.20

3 years ago

2.0.21

3 years ago

2.0.3

3 years ago

2.0.5

3 years ago

2.0.4

3 years ago

2.0.7

3 years ago

2.0.6

3 years ago

2.0.9

3 years ago

2.0.10

3 years ago

2.0.8

3 years ago

2.0.2

3 years ago

2.0.1

3 years ago

2.0.0

3 years ago

1.0.0

3 years ago