Collab UI React
is a resuable, component based, flexible React library available as
npm module. It provides set of UI components and utilities based on the Symphony UX design and patterns.
The git repo can be cloned from collab-ui-react at https://wwwin-github.cisco.com/collab-ui/collab-ui-react.
Checkout the living demo for documentation and live examples.
- Independent — pick and use only the components you need.
- Styled — override styles of components by
className
andstyle
properties. - Customizable — properties allow many different config options to suit your app.
- Performant - high performance guaranteed with use of CSS3 Flexbox and non-bloated architecture.
- Reliable — each component is rigorously tested.
Collab UI React is a UI framework for ReactJs applications. It provides set of UI components and utilities based on the Symphony UX design and patterns.
Source of collab-ui-react
is available here.
To use collab-ui-react in your aplication follow below steps:
Add following registry url to your .npmrc file inside your application root folder.
registry=http://engci-maven-master.cisco.com/artifactory/api/npm/collab-ui-npm-group
Add following registry url to your .yarnrc file inside your application root folder.
registry "http://engci-maven-master.cisco.com/artifactory/api/npm/collab-ui-npm-group/"
npm i -S collab-ui-react
yarn install -S collab-ui-react
Use ES6 import statement to import the component that you want to use:
import { Button } from '@collab-ui/react';
// or
import Button from from '@collab-ui/react/button';
...
...
<div className="container">
<Button name="primary" size="large">Welcome to Collab UI React !</Button>
</div>
- yarn - BSD-2-Clause
- collab-ui - Cisco Proprietary
- babili - MIT
- eslint - MIT
- stylelint - MIT
-
classnames - MIT
-
normalize - MIT
-
postcss - MIT
- react-styleguidist - MIT
Want to contribute? Why not go through Developer's Guide to understand more technical details about the project and contribution guidelines to be adhered.
The changelog can be found on the Releases page.
FAQ can be found here
Copyright (c) 2017 Cisco Systems