Orbit components snippets for VS Code

Readme.md

Installation

• cmd + shift + p
• write snippets
• choose Preferences: Configure User Snippets
• choose javascript or javascriptreact
• copy & paste the file here

javascriptreact.json

{
	"OrbitComponent": {
		"prefix": "ocomponent",
		"body": "import ${1|Alert,Badge,Breadcrumbs,Button,ButtonGroup,ButtonLink,CallOutBanner,CarrierLogo,Checkbox,ChoiceGroup,Collapse,CountryFlag,DestinationCard,DestinationHeader,Heading,Hide,Illustration,InputField,InputFile,InputGroup,InputStepper,Layout,ListChoice,Loading,NotificationBadge,Pagination,Popover,Radio,RatingStars,Select,Separator,ServiceLogo,SkipLink,SkipNavigation,Slider,Stack,Stepper,Sticky,StopoverArrow,Table,Tag,Text,TextLink,Textarea,Tile,Tooltip,TripSector,TripSegment|} from '@kiwicom/orbit-components/lib/${1|Alert,Badge,Breadcrumbs,Button,ButtonGroup,ButtonLink,CarrierLogo,Checkbox,ChoiceGroup,Collapse,CountryFlag,DestinationCard,DestinationHeader,Heading,Hide,Illustration,InputField,InputFile,InputGroup,InputStepper,Layout,ListChoice,Loading,NotificationBadge,Pagination,Popover,Radio,RatingStars,Select,Separator,ServiceLogo,SkipLink,SkipNavigation,Slider,Stack,Stepper,Sticky,StopoverArrow,Table,Tag,Text,TextLink,Textarea,Tile,Tooltip,TripSector,TripSegment|}';",
		"description": "Import Orbit Component"
	},
	"OrbitCard": {
		"prefix": "ocard",
		"body": [
			"import ${1:Card} from '@kiwicom/orbit-components/lib/Card';",
			"import ${2:CardContent} from '@kiwicom/orbit-components/lib/Card/CardContent';"
		],
		"description": "Import Orbit Card and CardContent component"
	},
	"OrbitIcon": {
		"prefix": "oicon",
		"body": "import ${1|Accommodation,AccountCircle,AirplaneDown,AirplaneLanding,AirplaneOff,AirplaneReturn,AirplaneRight,AirplaneTakeoff,AirplaneUp,Airplane,AirportSecurity,AlertCircle,Alert,All,Anywhere,ArrowDown,ArrowUp,Atm,Attachment,BaggageCabin,BaggageChecked,BaggageNone,BaggagePersonalItem,BaggageRecheck,BaggageSet,BaggageStorage,BillingDetails,BoardingGate,Boat,Bug,Bus,CalendarAnytime,CalendarRange,CalendarTripLength,Calendar,Camera,CarRental,Car,Chat,CheckCircle,Check,ChevronDown,ChevronLeft,ChevronRight,ChevronUp,ChildFriendly,Child,CircleSmall,Circle,City,Clock,CloseCircle,Close,Cocktail,Code,Coffee,Compare,Compass,ContactEmail,CreditCard,Deals,DeviceDesktop,DeviceMobile,Document,Download,Duplicate,EditOff,Edit,Email,Entertainment,Exchange,Facebook,Feedback,Filters,FlightDirect,FlightMulticity,FlightNomad,FlightReturn,FlightServices,FullScreenOff,FullScreen,Gallery,GenderMan,GenderWoman,Google,GpsIos,GpsOff,Gps,Grid,Gym,History,InformationCircle,Instagram,InsuranceConfirmed,InsuranceOff,Insurance,Invoice,ItemCompleted,KiwicomCare,KiwicomGuarantee,Kiwicom,Link,Linkedin,List,Loading,LocationA,LocationAdd,LocationB,LocationC,LocationD,LocationE,LocationF,LocationG,LocationH,LocationI,LocationJ,Location,Logout,Lounge,Map,Meal,MenuHamburger,MenuKebab,MenuMeatballs,MessagesOutline,Messages,MinusCircle,Minus,MoneyTransferIn,MoneyTransferOut,Money,Moon,MusicalInstruments,NewWindow,Nonstop,NotificationOff,NotificationOn,Notification,OnlineCheckinOff,OnlineCheckin,Paid,Parking,Partners,PassengerAdd,PassengerOutline,Passenger,Passengers,Passport,Pet,Pharmacy,Phone,Playground,PlusCircle,Plus,Pool,PowerPlugOff,PowerPlug,PriorityBoarding,Profit,PromoCode,QuestionCircle,RadiusSearch,Refund,Relax,Reload,Remove,Replace,Restaurant,RouteNoStops,RouteOneStop,RouteTwoStops,Search,Seat,Security,SelfTransfer,Send,Settings,ShareAndroid,ShareIos,Share,Shopping,ShowLess,ShowMore,Sightseeing,SmokingOff,Smoking,Spa,SportEquipment,Sports,StarEmpty,StarFull,Subway,Suitcase,Sun,Sunrise,Taxi,TermsAndConditions,ThumbDown,ThumbUp,TicketFlight,TicketOutline,TicketTrain,Ticket,Timelapse,Tips,Toilets,Train,Trip,Twitter,Visa,VisibilityOff,Visibility,Walk,Wallet,Wheelchair,WifiOff,Wifi|} from '@kiwicom/orbit-components/lib/icons/${1|Accommodation,AccountCircle,AirplaneDown,AirplaneLanding,AirplaneOff,AirplaneReturn,AirplaneRight,AirplaneTakeoff,AirplaneUp,Airplane,AirportSecurity,AlertCircle,Alert,All,Anywhere,ArrowDown,ArrowUp,Atm,Attachment,BaggageCabin,BaggageChecked,BaggageNone,BaggagePersonalItem,BaggageRecheck,BaggageSet,BaggageStorage,BillingDetails,BoardingGate,Boat,Bug,Bus,CalendarAnytime,CalendarRange,CalendarTripLength,Calendar,Camera,CarRental,Car,Chat,CheckCircle,Check,ChevronDown,ChevronLeft,ChevronRight,ChevronUp,ChildFriendly,Child,CircleSmall,Circle,City,Clock,CloseCircle,Close,Cocktail,Code,Coffee,Compare,Compass,ContactEmail,CreditCard,Deals,DeviceDesktop,DeviceMobile,Document,Download,Duplicate,EditOff,Edit,Email,Entertainment,Exchange,Facebook,Feedback,Filters,FlightDirect,FlightMulticity,FlightNomad,FlightReturn,FlightServices,FullScreenOff,FullScreen,Gallery,GenderMan,GenderWoman,Google,GpsIos,GpsOff,Gps,Grid,Gym,History,InformationCircle,Instagram,InsuranceConfirmed,InsuranceOff,Insurance,Invoice,ItemCompleted,KiwicomCare,KiwicomGuarantee,Kiwicom,Link,Linkedin,List,Loading,LocationA,LocationAdd,LocationB,LocationC,LocationD,LocationE,LocationF,LocationG,LocationH,LocationI,LocationJ,Location,Logout,Lounge,Map,Meal,MenuHamburger,MenuKebab,MenuMeatballs,MessagesOutline,Messages,MinusCircle,Minus,MoneyTransferIn,MoneyTransferOut,Money,Moon,MusicalInstruments,NewWindow,Nonstop,NotificationOff,NotificationOn,Notification,OnlineCheckinOff,OnlineCheckin,Paid,Parking,Partners,PassengerAdd,PassengerOutline,Passenger,Passengers,Passport,Pet,Pharmacy,Phone,Playground,PlusCircle,Plus,Pool,PowerPlugOff,PowerPlug,PriorityBoarding,Profit,PromoCode,QuestionCircle,RadiusSearch,Refund,Relax,Reload,Remove,Replace,Restaurant,RouteNoStops,RouteOneStop,RouteTwoStops,Search,Seat,Security,SelfTransfer,Send,Settings,ShareAndroid,ShareIos,Share,Shopping,ShowLess,ShowMore,Sightseeing,SmokingOff,Smoking,Spa,SportEquipment,Sports,StarEmpty,StarFull,Subway,Suitcase,Sun,Sunrise,Taxi,TermsAndConditions,ThumbDown,ThumbUp,TicketFlight,TicketOutline,TicketTrain,Ticket,Timelapse,Tips,Toilets,Train,Trip,Twitter,Visa,VisibilityOff,Visibility,Walk,Wallet,Wheelchair,WifiOff,Wifi|}';",
		"description": "Import Orbit Icon"
	},
	"OrbitList": {
		"prefix": "olist",
		"body": [
			"import ${1:List} from '@kiwicom/orbit-components/lib/List';",
			"import ${2:ListItem} from '@kiwicom/orbit-components/lib/ListItem';",
		],
		"description": "Import Orbit List"
	},
	"OrbitModal": {
		"prefix": "omodal",
		"body": [
			"import ${1:Modal} from '@kiwicom/orbit-components/lib/Modal';",
			"import ${2:ModalHeader} from '@kiwicom/orbit-components/lib/Modal/ModalHeader';",
			"import ${3:ModalSection} from '@kiwicom/orbit-components/lib/Modal/ModalSection';",
			"import ${4:ModalFooter} from '@kiwicom/orbit-components/lib/Modal/ModalFooter';",
		],
		"description": "Import Orbit Modal"
	},
}