Skip to content
/ orbit Public

React components of open-source Orbit design system by Kiwi.com

License

Notifications You must be signed in to change notification settings

kiwicom/orbit

This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.

Folders and files

NameName
Last commit message
Last commit date
Feb 7, 2024
May 27, 2021
Nov 30, 2021
Feb 1, 2024
Feb 7, 2024
Feb 1, 2024
Nov 3, 2023
Nov 12, 2023
Mar 14, 2018
Feb 1, 2024
Jan 4, 2024
Jan 24, 2024
Sep 30, 2020
Nov 7, 2022
Aug 16, 2023
Jan 4, 2024
Jul 31, 2023
Apr 20, 2023
Jul 31, 2023
Feb 15, 2021
Oct 22, 2020
Nov 30, 2021
Oct 5, 2020
Feb 11, 2019
Jul 25, 2023
Jan 4, 2024
Sep 15, 2023
Jan 4, 2024
Jan 4, 2024
Jan 25, 2024
Jan 4, 2024
Oct 25, 2023
Apr 17, 2023
Nov 7, 2022
Jan 25, 2024

Repository files navigation


Kiwi.com library CI Build Orbit release lerna minified and gzipped size Maintenance Downloads

Orbit-components is a React component library that provides developers with the easiest possible way of building Kiwi.com’s products.


Orbit Mission

Orbit aims to bring order and consistency to all of our products and processes. We elevate user experience and increase the speed and efficiency of how we design and build products.

Installation

orbit-components are served as an npm package.

Add them to your project by running:

// with npm
npm install @kiwicom/orbit-components

// with yarn
yarn add @kiwicom/orbit-components

Don't forget to install the styled-components

Usage

  1. Import fonts that are used in orbit-components:
<link
  href="https://fonts.googleapis.com/css?family=Roboto:400,400i,500,500i,700"
  rel="stylesheet"
/>

Or via CSS:

@import url("https://fonts.googleapis.com/css?family=Roboto:400,400i,500,500i,700");
  1. Include any of our components in your project and use it:
import Alert from "@kiwicom/orbit-components/lib/Alert";

<Alert>Hello World!</Alert>;

If you want to use custom theme inside your project, it's necessary to wrap your app into <OrbitProvider>. See this document for more information.

For live preview check out Storybook or orbit.kiwi.

You can also try orbit-components live on CodeSandbox.

Typescript

Orbit comes with Typescript definitions files. If you work with Typescript, you need to add type for styled-components.

// with npm
npm install @types/styled-components --save-dev

// with yarn
yarn add @types/styled-components -D

Main Sections

Contributing

We are working on making this project a fully open source. We appreciate any contributions you might make.

Bug reports and feature requests are welcome but, please use the correct template.

Please check out our Contribution Guide. It includes contribution guidelines and information on how to run and develop the project.

Feedback

We want to provide only components of the highest quality. We can’t do that without your feedback. If you have any suggestions about what we can do to improve components, please report it directly as an issue.