@3yourmind/kotti-ui
Kotti Vue Component UI
Last updated 15 days ago by cso_ .
MIT · Original npm · Tarball · package.json
$ cnpm install @3yourmind/kotti-ui 
SYNC missed versions from official npm registry.

Kotti UI

@3YOURMIND’s Vue.js UI Framework

Overview

This design system helps to unify our design language and provides the documentation for further product design decisions. The Kotti design system has two main parts: foundation and components.

The foundation is higher level and works as a guideline for the whole system, which defines the layout, color, icons, typography and writing style. It also creates styles and characteristics which are different from other design systems.

Components are more concrete elements. They are pre-defined and cannot be changed in most cases. These components include banners, buttons, drawers and more.

Design Principles

Keen: The design should encourage users to engage with the product.

Okay: It’s okay not to follow the foundation if there's good reason. It’s okay to break the design principles when it’s the only way to solve the requirement.

Transparent: Making the design easy to perceive or detect, user can process smoothly without being aware of its presence.

Timely: The design need to response and help user finish their task in a timely matter.

Intuitive: The design should be intuitive and easy to understand, and decrease the learning curve.

Documentation

Stable Documentation

Build after every release → https://3yourmind.github.io/kotti/

Nightly Documentation

Auto build after PR merged to master → https://kotti.netlify.com/

Project Scope

Kotti Design System includes:

Item Meaning Purpose
Design Guideline A suggestion documentation for non-developer to understand the design system Give UX/UI designer a single source of truth and make sure design is consistent
Kotti-UI Components Modular and functional components based on design guideline Replace the shared components in our project
Usage Documents Example based documentation Help developer to use the component
Test UI Test

Folder Structure

kotti
├─ docs // nuxt.js managed design guideline & usage documentation
│  ├─ assets
|  ├─ pages
├─ packages
│  ├─ kotti-style // scss file documentation
│  └─ kotti-button
│     ├─ src
│     ├─ index.js
├─ package.json
├─ CHANGELOG.md
└─ README.md

Install

npm version

# add kotti-ui package to your project
yarn add @3yourmind/kotti-ui
// in main.js
import Vue from 'vue'
import KottiUI from '@3yourmind/kotti-ui'

// from v.0.0.4 kotti-ui includes kotti-style
import '@3yourmind/kotti-ui/dist/KottiUI.css'

Vue.use(KottiUI)

Build

# install dependencies
yarn install

# build kott-ui
yarn run build:kotti

# generate kotti-docs for github pages to /gh-pages
yarn run build:gh-pages

Develop

# install dependencies
yarn install

# serve with hot reload at localhost:3000
yarn dev:docs

# deploy documents on github
yarn deploy:docs

Publish

# you may need login to npm with your credentials if you have publishing rights
npm login

# update version according to one of the valid options
npm version {patch, minor, major}
# OR change the version directly in package.json
# then commit & push

# finally, publish
npm publish

# the postPublish hook will create and automatically push the new tag

Current Tags

  • 1.10.5                                ...           latest (15 days ago)

91 Versions

  • 1.10.5                                ...           15 days ago
  • 1.10.4                                ...           21 days ago
  • 1.10.2                                ...           21 days ago
  • 1.10.1                                ...           21 days ago
  • 1.10.0                                ...           a month ago
  • 1.9.10                                ...           a month ago
  • 1.9.9                                ...           a month ago
  • 1.9.8                                ...           a month ago
  • 1.9.7                                ...           2 months ago
  • 1.9.6                                ...           2 months ago
  • 1.9.5                                ...           2 months ago
  • 1.9.4                                ...           2 months ago
  • 1.9.3                                ...           2 months ago
  • 1.9.2                                ...           3 months ago
  • 1.9.1                                ...           3 months ago
  • 1.9.0                                ...           3 months ago
  • 1.8.23                                ...           3 months ago
  • 1.8.22                                ...           3 months ago
  • 1.8.21                                ...           3 months ago
  • 1.8.20                                ...           3 months ago
  • 1.8.15                                ...           3 months ago
  • 1.8.13                                ...           3 months ago
  • 1.8.11                                ...           3 months ago
  • 1.8.10                                ...           3 months ago
  • 1.8.9                                ...           3 months ago
  • 1.8.8                                ...           3 months ago
  • 1.8.7                                ...           3 months ago
  • 1.8.6                                ...           3 months ago
  • 1.8.5                                ...           3 months ago
  • 1.8.4 [deprecated]           ...           3 months ago
  • 1.8.3                                ...           3 months ago
  • 1.8.2                                ...           3 months ago
  • 1.8.1                                ...           3 months ago
  • 1.8.0                                ...           3 months ago
  • 1.7.25                                ...           3 months ago
  • 1.7.24                                ...           3 months ago
  • 1.7.23                                ...           4 months ago
  • 1.7.22                                ...           4 months ago
  • 1.7.21                                ...           4 months ago
  • 1.7.17                                ...           4 months ago
  • 1.7.16                                ...           4 months ago
  • 1.7.15                                ...           6 months ago
  • 1.7.14                                ...           6 months ago
  • 1.7.13                                ...           7 months ago
  • 1.7.12                                ...           7 months ago
  • 1.7.11                                ...           7 months ago
  • 1.7.10                                ...           8 months ago
  • 1.7.9                                ...           8 months ago
  • 1.7.8                                ...           9 months ago
  • 1.7.7                                ...           10 months ago
  • 1.7.6                                ...           10 months ago
  • 1.7.5                                ...           a year ago
  • 1.7.4                                ...           a year ago
  • 1.7.3                                ...           a year ago
  • 1.7.2                                ...           a year ago
  • 1.7.1                                ...           a year ago
  • 1.6.0                                ...           a year ago
  • 1.5.1                                ...           a year ago
  • 1.5.0                                ...           a year ago
  • 1.4.0                                ...           a year ago
  • 1.3.0                                ...           a year ago
  • 1.1.1                                ...           a year ago
  • 1.2.2                                ...           a year ago
  • 1.2.1                                ...           a year ago
  • 1.2.0                                ...           a year ago
  • 1.1.0                                ...           a year ago
  • 1.0.1                                ...           a year ago
  • 1.0.0                                ...           a year ago
  • 0.0.14                                ...           a year ago
  • 0.1.0-beta.1                                ...           a year ago
  • 0.0.13                                ...           2 years ago
  • 0.0.12                                ...           2 years ago
  • 0.0.11                                ...           2 years ago
  • 0.0.10                                ...           2 years ago
  • 0.0.9                                ...           2 years ago
  • 0.0.8                                ...           2 years ago
  • 0.0.7                                ...           2 years ago
  • 0.0.6                                ...           2 years ago
  • 0.0.5                                ...           2 years ago
  • 0.0.4                                ...           2 years ago
  • 0.0.3                                ...           2 years ago
  • 0.0.2                                ...           2 years ago
  • 0.0.1-beta.10                                ...           2 years ago
  • 0.0.1-beta.9                                ...           2 years ago
  • 0.0.1-beta.8                                ...           2 years ago
  • 0.0.1-beta.7                                ...           2 years ago
  • 0.0.1-beta.6                                ...           2 years ago
  • 0.0.1-beta.5                                ...           2 years ago
  • 0.0.1-beta.4                                ...           2 years ago
  • 0.0.1-beta.3                                ...           2 years ago
  • 0.0.1-beta.2                                ...           2 years ago
Downloads
Today 0
This Week 0
This Month 286
Last Day 0
Last Week 0
Last Month 286
Dependencies (8)
Dependents (0)
None

Copyright 2014 - 2016 © taobao.org |