Resources, tooling, and design guidelines for building interfaces with Cleartrip’s design system
npm install @cleartrip/bento
Bento
Install bento using npm or yarn
$ npm install @cleartrip/bentoEasily use the components in your project
import React from 'react'
import { Button } from '@cleartrip/bento'
<Button type="primary">Hello World</Button>And add the css
@import '@cleartrip/bento/bento.css'Bento Icons
Install bento icons using npm or yarn
$ npm install @cleartrip/bento-iconsUse the bento icons without any additional setup
import React from 'react'
import { Flights } from '@cleartrip/bento-icons'
<Flights className="c-secondary-500" />Reuse over reinvent
All Bento components are built with the intention of reuse. It's flexible api's allow it to be used in various contexts.
Increase efficiency
Bento enables complex interfaces to be built rapidly thereby freeing up time for focusing on other critical tasks
Evolve and adapt
This system will always be a work in progress. It will evolve and adapt according to the design and development requirements
Establish Vocabulary
Bento bridges the gap between designers and developers and allows them to communicate using a shared vocabulary.