@coxautokc/fusion-ui-components
UI Components for Fusion
Last updated 2 years ago by housecor .
UNLICENSED · Repository · Original npm · Tarball · package.json
$ cnpm install @coxautokc/fusion-ui-components 
SYNC missed versions from official npm registry.
Fusion Logo

Fusion UI Components

A React component library for Cox Automotive.

Install

This is built into Fusion-Starter. To use separately:

  1. Register on npmjs.com and email the UI Team your npm username to request access to @coxautokc private packages.
  2. npm install --save-dev @coxautokc/fusion-ui-components
  3. Configure your app to compile Sass
  4. See Demos below for working examples

Demos

See the docs for working examples of all components.

Other Tips

Avoid Named Imports

Don't use this named import style. It will import the entire library into your project, which will slow page loads:

import {StepIndicator} from '@coxautokc/fusion-ui-components'; 

Instead, import the exact component that you need as shown above.

Importing without styles

Components can be imported without their stylesheet by importing the component directly from the components' folder:

import StepIndicator from '@coxautokc/fusion-ui-components/lib/StepIndicator/StepIndicator'; 

Candidate Components

The following components are currently deployed in existing projects and being considered for inclusion in Fusion UI:

Component Usage Locations
Notes and History Customer Record, Enterprise customer (activities)

Contributing

This is an inner sourced project, so anyone is free to contribute a pull request. Want to contribute? See CONTRIBUTE.md.

Atomic Design

Atomic Design is a philosophy for reusable component design, popularized by Brad Frost in his book, "Atomic Design". Atomic design uses terms from biology to describe components of increasing complexity: atom, molecule, and organism. This repository is composed of these three types of components.

  1. An Atom is the simplest component. Examples: Textbox, Button.

  2. A molecule is composed of one or more atoms. Examples: Search Input,

  3. An organism is composed of one or more molecules. Examples: Header, Footer, ContactForm.

In all cases, the component is merely a function that returns HTML. No authentication or API concerns are embedded.

This image sums up our philosophy and expectations for reusable component design.

Atomic Design Philosophy

Other React Component Libraries at Cox Automotive

Fusion isn't the only React component library at Cox:

Current Tags

  • 12.3.2-1                                ...           beta (2 years ago)
  • 12.3.1                                ...           latest (2 years ago)

85 Versions

  • 12.3.2-1                                ...           2 years ago
  • 12.3.2-0                                ...           2 years ago
  • 12.3.1                                ...           2 years ago
  • 12.3.0                                ...           2 years ago
  • 12.2.1                                ...           2 years ago
  • 12.2.0                                ...           2 years ago
  • 12.1.2-0                                ...           2 years ago
  • 12.1.1                                ...           2 years ago
  • 12.1.0                                ...           2 years ago
  • 13.0.0-4                                ...           2 years ago
  • 13.0.0-3                                ...           2 years ago
  • 13.0.0-2                                ...           2 years ago
  • 12.0.5-0                                ...           2 years ago
  • 12.0.4-3.2                                ...           2 years ago
  • 12.0.4-3.1                                ...           2 years ago
  • 12.0.4-3.0                                ...           2 years ago
  • 12.0.3-12.0.4-2.0                                ...           2 years ago
  • 12.0.4-1                                ...           2 years ago
  • 12.0.3-15                                ...           2 years ago
  • 12.0.4-0                                ...           2 years ago
  • 12.0.3                                ...           2 years ago
  • 12.0.3-14                                ...           2 years ago
  • 12.0.3-11                                ...           2 years ago
  • 12.0.3-6                                ...           2 years ago
  • 12.0.3-1                                ...           2 years ago
  • 12.0.3-0                                ...           2 years ago
  • 12.0.2                                ...           2 years ago
  • 12.0.1                                ...           2 years ago
  • 12.0.0                                ...           2 years ago
  • 8.1.0                                ...           2 years ago
  • 8.0.0                                ...           2 years ago
  • 8.0.0-rc.5-ll                                ...           2 years ago
  • 8.0.0-rc.5                                ...           2 years ago
  • 8.0.0-rc.4-ll                                ...           2 years ago
  • 8.0.0-rc.4                                ...           2 years ago
  • 8.0.0-rc.3                                ...           2 years ago
  • 8.0.0-rc.2                                ...           2 years ago
  • 8.0.0-rc.1                                ...           2 years ago
  • 7.0.3                                ...           2 years ago
  • 7.0.3-rc.8                                ...           2 years ago
  • 7.0.3-rc.7                                ...           2 years ago
  • 7.0.3-rc.2                                ...           2 years ago
  • 7.0.3-rc.1                                ...           2 years ago
  • 7.0.2-rc.1                                ...           2 years ago
  • 7.0.2-0                                ...           2 years ago
  • 7.0.1                                ...           2 years ago
  • 7.0.0                                ...           2 years ago
  • 7.0.0-rc2                                ...           2 years ago
  • 7.0.0-rc1                                ...           2 years ago
  • 6.0.1                                ...           2 years ago
  • 6.0.0                                ...           2 years ago
  • 5.0.0                                ...           2 years ago
  • 4.0.0                                ...           2 years ago
  • 3.2.3                                ...           2 years ago
  • 3.2.2                                ...           2 years ago
  • 3.2.1                                ...           2 years ago
  • 3.1.1                                ...           2 years ago
  • 3.1.2-beta                                ...           2 years ago
  • 3.1.1-beta                                ...           2 years ago
  • 3.1.0                                ...           2 years ago
  • 3.0.1                                ...           2 years ago
  • 3.0.0                                ...           2 years ago
  • 2.0.5                                ...           2 years ago
  • 2.0.4                                ...           2 years ago
  • 2.0.3                                ...           2 years ago
  • 2.0.2                                ...           2 years ago
  • 2.0.1                                ...           2 years ago
  • 2.0.0                                ...           2 years ago
  • 1.5.2                                ...           2 years ago
  • 1.5.1                                ...           2 years ago
  • 1.5.0                                ...           2 years ago
  • 1.4.3                                ...           2 years ago
  • 1.4.2                                ...           2 years ago
  • 1.4.1                                ...           2 years ago
  • 1.4.0                                ...           2 years ago
  • 1.2.0                                ...           2 years ago
  • 1.1.0                                ...           2 years ago
  • 1.0.2                                ...           2 years ago
  • 1.0.1                                ...           2 years ago
  • 1.0.0                                ...           3 years ago
  • 0.1.4                                ...           3 years ago
  • 0.1.3                                ...           3 years ago
  • 0.1.2                                ...           3 years ago
  • 0.1.1                                ...           3 years ago
  • 0.1.0                                ...           3 years ago
Downloads
Today 0
This Week 0
This Month 85
Last Day 0
Last Week 85
Last Month 86

Copyright 2014 - 2016 © taobao.org |