JSPM

@kiwicom/orbit-components

27.6.0
  • ESM via JSPM
  • ES Module Entrypoint
  • Export Map
  • Keywords
  • License
  • Repository URL
  • TypeScript Types
  • README
  • Created
  • Published
  • Downloads 19002
  • Score
    100M100P100Q148880F
  • License MIT

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

Package Exports

  • @kiwicom/orbit-components
  • @kiwicom/orbit-components/es/index.js
  • @kiwicom/orbit-components/lib/Alert
  • @kiwicom/orbit-components/lib/Alert/index.js
  • @kiwicom/orbit-components/lib/Badge
  • @kiwicom/orbit-components/lib/Badge/index.js
  • @kiwicom/orbit-components/lib/Box
  • @kiwicom/orbit-components/lib/Box/index.js
  • @kiwicom/orbit-components/lib/Breadcrumbs
  • @kiwicom/orbit-components/lib/Breadcrumbs/index.js
  • @kiwicom/orbit-components/lib/Button
  • @kiwicom/orbit-components/lib/Button/index.js
  • @kiwicom/orbit-components/lib/ButtonGroup
  • @kiwicom/orbit-components/lib/ButtonGroup/index.js
  • @kiwicom/orbit-components/lib/ButtonLink
  • @kiwicom/orbit-components/lib/ButtonLink/index.js
  • @kiwicom/orbit-components/lib/Card
  • @kiwicom/orbit-components/lib/Card/CardSection
  • @kiwicom/orbit-components/lib/Card/CardSection/index.js
  • @kiwicom/orbit-components/lib/Card/index.js
  • @kiwicom/orbit-components/lib/CarrierLogo
  • @kiwicom/orbit-components/lib/CarrierLogo/index.js
  • @kiwicom/orbit-components/lib/Checkbox
  • @kiwicom/orbit-components/lib/Checkbox/index.js
  • @kiwicom/orbit-components/lib/ChoiceGroup
  • @kiwicom/orbit-components/lib/ChoiceGroup/index.js
  • @kiwicom/orbit-components/lib/Collapse
  • @kiwicom/orbit-components/lib/Collapse/index.js
  • @kiwicom/orbit-components/lib/CountryFlag
  • @kiwicom/orbit-components/lib/CountryFlag/consts
  • @kiwicom/orbit-components/lib/CountryFlag/consts.js
  • @kiwicom/orbit-components/lib/CountryFlag/index.js
  • @kiwicom/orbit-components/lib/Drawer
  • @kiwicom/orbit-components/lib/Drawer/index.js
  • @kiwicom/orbit-components/lib/FormLabel
  • @kiwicom/orbit-components/lib/FormLabel/index.js
  • @kiwicom/orbit-components/lib/Heading
  • @kiwicom/orbit-components/lib/Heading/index.js
  • @kiwicom/orbit-components/lib/Hide
  • @kiwicom/orbit-components/lib/Hide/index.js
  • @kiwicom/orbit-components/lib/Illustration
  • @kiwicom/orbit-components/lib/Illustration/index.js
  • @kiwicom/orbit-components/lib/Inline
  • @kiwicom/orbit-components/lib/Inline/index.js
  • @kiwicom/orbit-components/lib/InputField
  • @kiwicom/orbit-components/lib/InputField/index.js
  • @kiwicom/orbit-components/lib/InputGroup
  • @kiwicom/orbit-components/lib/InputGroup/index.js
  • @kiwicom/orbit-components/lib/Layout
  • @kiwicom/orbit-components/lib/Layout/LayoutColumn
  • @kiwicom/orbit-components/lib/Layout/LayoutColumn/index.js
  • @kiwicom/orbit-components/lib/Layout/index.js
  • @kiwicom/orbit-components/lib/LinkList
  • @kiwicom/orbit-components/lib/LinkList/index.js
  • @kiwicom/orbit-components/lib/List
  • @kiwicom/orbit-components/lib/List/ListItem
  • @kiwicom/orbit-components/lib/List/ListItem/index.js
  • @kiwicom/orbit-components/lib/List/index.js
  • @kiwicom/orbit-components/lib/Loading
  • @kiwicom/orbit-components/lib/Loading/index.js
  • @kiwicom/orbit-components/lib/Modal
  • @kiwicom/orbit-components/lib/Modal/ModalHeader
  • @kiwicom/orbit-components/lib/Modal/ModalHeader/index.js
  • @kiwicom/orbit-components/lib/Modal/ModalSection
  • @kiwicom/orbit-components/lib/Modal/ModalSection/index.js
  • @kiwicom/orbit-components/lib/Modal/index.js
  • @kiwicom/orbit-components/lib/NavigationBar
  • @kiwicom/orbit-components/lib/NavigationBar/index.js
  • @kiwicom/orbit-components/lib/Popover
  • @kiwicom/orbit-components/lib/Popover/index.js
  • @kiwicom/orbit-components/lib/Portal
  • @kiwicom/orbit-components/lib/Portal/index.js
  • @kiwicom/orbit-components/lib/Radio
  • @kiwicom/orbit-components/lib/Radio/index.js
  • @kiwicom/orbit-components/lib/Select
  • @kiwicom/orbit-components/lib/Select/index.js
  • @kiwicom/orbit-components/lib/Separator
  • @kiwicom/orbit-components/lib/Separator/index.js
  • @kiwicom/orbit-components/lib/Skeleton
  • @kiwicom/orbit-components/lib/Skeleton/index.js
  • @kiwicom/orbit-components/lib/SocialButton
  • @kiwicom/orbit-components/lib/SocialButton/index.js
  • @kiwicom/orbit-components/lib/Stack
  • @kiwicom/orbit-components/lib/Stack/index.js
  • @kiwicom/orbit-components/lib/StopoverArrow
  • @kiwicom/orbit-components/lib/StopoverArrow/index.js
  • @kiwicom/orbit-components/lib/Text
  • @kiwicom/orbit-components/lib/Text/index.js
  • @kiwicom/orbit-components/lib/TextLink
  • @kiwicom/orbit-components/lib/TextLink/index.js
  • @kiwicom/orbit-components/lib/Textarea
  • @kiwicom/orbit-components/lib/Textarea/index.js
  • @kiwicom/orbit-components/lib/Tile
  • @kiwicom/orbit-components/lib/Tile/index.js
  • @kiwicom/orbit-components/lib/TileGroup
  • @kiwicom/orbit-components/lib/TileGroup/index.js
  • @kiwicom/orbit-components/lib/Tooltip
  • @kiwicom/orbit-components/lib/Tooltip/index.js
  • @kiwicom/orbit-components/lib/defaultTheme
  • @kiwicom/orbit-components/lib/defaultTheme.js
  • @kiwicom/orbit-components/lib/fromPlainObject
  • @kiwicom/orbit-components/lib/fromPlainObject.js
  • @kiwicom/orbit-components/lib/getTokens
  • @kiwicom/orbit-components/lib/getTokens.js
  • @kiwicom/orbit-components/lib/hooks/useClickOutside
  • @kiwicom/orbit-components/lib/hooks/useClickOutside/index.js
  • @kiwicom/orbit-components/lib/hooks/useMediaQuery
  • @kiwicom/orbit-components/lib/hooks/useMediaQuery/index.js
  • @kiwicom/orbit-components/lib/hooks/useTheme
  • @kiwicom/orbit-components/lib/hooks/useTheme/index.js
  • @kiwicom/orbit-components/lib/hooks/useToggle
  • @kiwicom/orbit-components/lib/hooks/useToggle/index.js
  • @kiwicom/orbit-components/lib/icons
  • @kiwicom/orbit-components/lib/icons/Accommodation
  • @kiwicom/orbit-components/lib/icons/Accommodation.js
  • @kiwicom/orbit-components/lib/icons/AccountCircle
  • @kiwicom/orbit-components/lib/icons/AccountCircle.js
  • @kiwicom/orbit-components/lib/icons/Airplane
  • @kiwicom/orbit-components/lib/icons/Airplane.js
  • @kiwicom/orbit-components/lib/icons/AirplaneLanding
  • @kiwicom/orbit-components/lib/icons/AirplaneLanding.js
  • @kiwicom/orbit-components/lib/icons/AirplaneTakeoff
  • @kiwicom/orbit-components/lib/icons/AirplaneTakeoff.js
  • @kiwicom/orbit-components/lib/icons/AirplaneUp
  • @kiwicom/orbit-components/lib/icons/AirplaneUp.js
  • @kiwicom/orbit-components/lib/icons/Alert
  • @kiwicom/orbit-components/lib/icons/Alert.js
  • @kiwicom/orbit-components/lib/icons/AlertCircle
  • @kiwicom/orbit-components/lib/icons/AlertCircle.js
  • @kiwicom/orbit-components/lib/icons/All
  • @kiwicom/orbit-components/lib/icons/All.js
  • @kiwicom/orbit-components/lib/icons/Apple
  • @kiwicom/orbit-components/lib/icons/Apple.js
  • @kiwicom/orbit-components/lib/icons/BaggageCabin
  • @kiwicom/orbit-components/lib/icons/BaggageCabin.js
  • @kiwicom/orbit-components/lib/icons/Calendar
  • @kiwicom/orbit-components/lib/icons/Calendar.js
  • @kiwicom/orbit-components/lib/icons/CalendarRange
  • @kiwicom/orbit-components/lib/icons/CalendarRange.js
  • @kiwicom/orbit-components/lib/icons/CarRental
  • @kiwicom/orbit-components/lib/icons/CarRental.js
  • @kiwicom/orbit-components/lib/icons/Chat
  • @kiwicom/orbit-components/lib/icons/Chat.js
  • @kiwicom/orbit-components/lib/icons/Check
  • @kiwicom/orbit-components/lib/icons/Check.js
  • @kiwicom/orbit-components/lib/icons/CheckCircle
  • @kiwicom/orbit-components/lib/icons/CheckCircle.js
  • @kiwicom/orbit-components/lib/icons/ChevronDown
  • @kiwicom/orbit-components/lib/icons/ChevronDown.js
  • @kiwicom/orbit-components/lib/icons/ChevronUp
  • @kiwicom/orbit-components/lib/icons/ChevronUp.js
  • @kiwicom/orbit-components/lib/icons/Circle
  • @kiwicom/orbit-components/lib/icons/Circle.js
  • @kiwicom/orbit-components/lib/icons/City
  • @kiwicom/orbit-components/lib/icons/City.js
  • @kiwicom/orbit-components/lib/icons/Clock
  • @kiwicom/orbit-components/lib/icons/Clock.js
  • @kiwicom/orbit-components/lib/icons/Close
  • @kiwicom/orbit-components/lib/icons/Close.js
  • @kiwicom/orbit-components/lib/icons/CloseCircle
  • @kiwicom/orbit-components/lib/icons/CloseCircle.js
  • @kiwicom/orbit-components/lib/icons/Code
  • @kiwicom/orbit-components/lib/icons/Code.js
  • @kiwicom/orbit-components/lib/icons/Compass
  • @kiwicom/orbit-components/lib/icons/Compass.js
  • @kiwicom/orbit-components/lib/icons/ContactEmail
  • @kiwicom/orbit-components/lib/icons/ContactEmail.js
  • @kiwicom/orbit-components/lib/icons/CustomerSupport
  • @kiwicom/orbit-components/lib/icons/CustomerSupport.js
  • @kiwicom/orbit-components/lib/icons/Deals
  • @kiwicom/orbit-components/lib/icons/Deals.js
  • @kiwicom/orbit-components/lib/icons/Download
  • @kiwicom/orbit-components/lib/icons/Download.js
  • @kiwicom/orbit-components/lib/icons/Edit
  • @kiwicom/orbit-components/lib/icons/Edit.js
  • @kiwicom/orbit-components/lib/icons/Email
  • @kiwicom/orbit-components/lib/icons/Email.js
  • @kiwicom/orbit-components/lib/icons/Entertainment
  • @kiwicom/orbit-components/lib/icons/Entertainment.js
  • @kiwicom/orbit-components/lib/icons/Exchange
  • @kiwicom/orbit-components/lib/icons/Exchange.js
  • @kiwicom/orbit-components/lib/icons/Facebook
  • @kiwicom/orbit-components/lib/icons/Facebook.js
  • @kiwicom/orbit-components/lib/icons/FlightDirect
  • @kiwicom/orbit-components/lib/icons/FlightDirect.js
  • @kiwicom/orbit-components/lib/icons/FlightMulticity
  • @kiwicom/orbit-components/lib/icons/FlightMulticity.js
  • @kiwicom/orbit-components/lib/icons/FlightNomad
  • @kiwicom/orbit-components/lib/icons/FlightNomad.js
  • @kiwicom/orbit-components/lib/icons/FlightReturn
  • @kiwicom/orbit-components/lib/icons/FlightReturn.js
  • @kiwicom/orbit-components/lib/icons/Google
  • @kiwicom/orbit-components/lib/icons/Google.js
  • @kiwicom/orbit-components/lib/icons/GooglePlay
  • @kiwicom/orbit-components/lib/icons/GooglePlay.js
  • @kiwicom/orbit-components/lib/icons/InformationCircle
  • @kiwicom/orbit-components/lib/icons/InformationCircle.js
  • @kiwicom/orbit-components/lib/icons/Instagram
  • @kiwicom/orbit-components/lib/icons/Instagram.js
  • @kiwicom/orbit-components/lib/icons/Insurance
  • @kiwicom/orbit-components/lib/icons/Insurance.js
  • @kiwicom/orbit-components/lib/icons/Kiwicom
  • @kiwicom/orbit-components/lib/icons/Kiwicom.js
  • @kiwicom/orbit-components/lib/icons/Leisure
  • @kiwicom/orbit-components/lib/icons/Leisure.js
  • @kiwicom/orbit-components/lib/icons/Linkedin
  • @kiwicom/orbit-components/lib/icons/Linkedin.js
  • @kiwicom/orbit-components/lib/icons/Location
  • @kiwicom/orbit-components/lib/icons/Location.js
  • @kiwicom/orbit-components/lib/icons/Lock
  • @kiwicom/orbit-components/lib/icons/Lock.js
  • @kiwicom/orbit-components/lib/icons/Map
  • @kiwicom/orbit-components/lib/icons/Map.js
  • @kiwicom/orbit-components/lib/icons/MenuHamburger
  • @kiwicom/orbit-components/lib/icons/MenuHamburger.js
  • @kiwicom/orbit-components/lib/icons/Money
  • @kiwicom/orbit-components/lib/icons/Money.js
  • @kiwicom/orbit-components/lib/icons/NewWindow
  • @kiwicom/orbit-components/lib/icons/NewWindow.js
  • @kiwicom/orbit-components/lib/icons/Partners
  • @kiwicom/orbit-components/lib/icons/Partners.js
  • @kiwicom/orbit-components/lib/icons/Passenger
  • @kiwicom/orbit-components/lib/icons/Passenger.js
  • @kiwicom/orbit-components/lib/icons/Passengers
  • @kiwicom/orbit-components/lib/icons/Passengers.js
  • @kiwicom/orbit-components/lib/icons/Phone
  • @kiwicom/orbit-components/lib/icons/Phone.js
  • @kiwicom/orbit-components/lib/icons/Plus
  • @kiwicom/orbit-components/lib/icons/Plus.js
  • @kiwicom/orbit-components/lib/icons/PlusCircle
  • @kiwicom/orbit-components/lib/icons/PlusCircle.js
  • @kiwicom/orbit-components/lib/icons/PowerPlug
  • @kiwicom/orbit-components/lib/icons/PowerPlug.js
  • @kiwicom/orbit-components/lib/icons/PriorityBoarding
  • @kiwicom/orbit-components/lib/icons/PriorityBoarding.js
  • @kiwicom/orbit-components/lib/icons/PromoCode
  • @kiwicom/orbit-components/lib/icons/PromoCode.js
  • @kiwicom/orbit-components/lib/icons/QuestionCircle
  • @kiwicom/orbit-components/lib/icons/QuestionCircle.js
  • @kiwicom/orbit-components/lib/icons/Refund
  • @kiwicom/orbit-components/lib/icons/Refund.js
  • @kiwicom/orbit-components/lib/icons/Reload
  • @kiwicom/orbit-components/lib/icons/Reload.js
  • @kiwicom/orbit-components/lib/icons/RouteNoStops
  • @kiwicom/orbit-components/lib/icons/RouteNoStops.js
  • @kiwicom/orbit-components/lib/icons/RouteOneStop
  • @kiwicom/orbit-components/lib/icons/RouteOneStop.js
  • @kiwicom/orbit-components/lib/icons/RouteTwoStops
  • @kiwicom/orbit-components/lib/icons/RouteTwoStops.js
  • @kiwicom/orbit-components/lib/icons/Search
  • @kiwicom/orbit-components/lib/icons/Search.js
  • @kiwicom/orbit-components/lib/icons/Seat
  • @kiwicom/orbit-components/lib/icons/Seat.js
  • @kiwicom/orbit-components/lib/icons/SeatAisle
  • @kiwicom/orbit-components/lib/icons/SeatAisle.js
  • @kiwicom/orbit-components/lib/icons/SeatExtraLegroom
  • @kiwicom/orbit-components/lib/icons/SeatExtraLegroom.js
  • @kiwicom/orbit-components/lib/icons/SeatWindow
  • @kiwicom/orbit-components/lib/icons/SeatWindow.js
  • @kiwicom/orbit-components/lib/icons/Security
  • @kiwicom/orbit-components/lib/icons/Security.js
  • @kiwicom/orbit-components/lib/icons/Settings
  • @kiwicom/orbit-components/lib/icons/Settings.js
  • @kiwicom/orbit-components/lib/icons/Share
  • @kiwicom/orbit-components/lib/icons/Share.js
  • @kiwicom/orbit-components/lib/icons/Sightseeing
  • @kiwicom/orbit-components/lib/icons/Sightseeing.js
  • @kiwicom/orbit-components/lib/icons/StarFull
  • @kiwicom/orbit-components/lib/icons/StarFull.js
  • @kiwicom/orbit-components/lib/icons/Suitcase
  • @kiwicom/orbit-components/lib/icons/Suitcase.js
  • @kiwicom/orbit-components/lib/icons/TermsAndConditions
  • @kiwicom/orbit-components/lib/icons/TermsAndConditions.js
  • @kiwicom/orbit-components/lib/icons/ThumbDown
  • @kiwicom/orbit-components/lib/icons/ThumbDown.js
  • @kiwicom/orbit-components/lib/icons/ThumbUp
  • @kiwicom/orbit-components/lib/icons/ThumbUp.js
  • @kiwicom/orbit-components/lib/icons/Ticket
  • @kiwicom/orbit-components/lib/icons/Ticket.js
  • @kiwicom/orbit-components/lib/icons/Trip
  • @kiwicom/orbit-components/lib/icons/Trip.js
  • @kiwicom/orbit-components/lib/icons/UserGroup
  • @kiwicom/orbit-components/lib/icons/UserGroup.js
  • @kiwicom/orbit-components/lib/icons/Visibility
  • @kiwicom/orbit-components/lib/icons/Visibility.js
  • @kiwicom/orbit-components/lib/icons/VisibilityOff
  • @kiwicom/orbit-components/lib/icons/VisibilityOff.js
  • @kiwicom/orbit-components/lib/icons/Wifi
  • @kiwicom/orbit-components/lib/icons/Wifi.js
  • @kiwicom/orbit-components/lib/icons/index.js
  • @kiwicom/orbit-components/lib/index.js
  • @kiwicom/orbit-components/lib/utils/Grid
  • @kiwicom/orbit-components/lib/utils/Grid/index.js
  • @kiwicom/orbit-components/lib/utils/mediaQuery
  • @kiwicom/orbit-components/lib/utils/mediaQuery/index.js
  • @kiwicom/orbit-components/lib/utils/rtl
  • @kiwicom/orbit-components/lib/utils/rtl/index.js

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (@kiwicom/orbit-components) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

Orbit-components

Orbit-components is a React component library to help developers build travel products. Orbit aims to bring order and consistency to all of our products and processes. We elevate the user experience and increase the speed and efficiency of how we design and build products.

Installation

orbit-components is an npm package.

Run npm to add the package to your project:

npm install --save @kiwicom/orbit-components

or do so with Yarn:

yarn add @kiwicom/orbit-components

Usage

  1. Import the 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");
  2. Include any of our components in your project and use it:

    import Alert from "@kiwicom/orbit-components/lib/Alert";
    
    <Alert>Hello World!</Alert>;

For a live preview, check out our Storybook or orbit.kiwi.

You can also try orbit-components directly on our Playroom.

Contributing

We're working on making this project 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.