stylable-components

stylable-components

Fully-tested & strictly-typed component library based on React, using optional Wix styling.

Components

• <CheckBox />
• <DatePicker />
• <DropDown />
• <Image />
• <Modal />
• <NumberInput />
• <Popup />
• <Portal />
• <RadioButton />
• <RadioGroup />
• <ScreenReaderNotification />
• <SelectionList />
• <SelectionListDivider />
• <SelectionListDividerSymbol />
• <SelectionListOption />
• <Slider />
• <TimePicker />
• <Toggle />
• <TreeItem />
• <TreeView />

Components to be created:

• <AutoComplete />
• <ColorPicker />
• <DataGrid />
• <FilePicker />
• <Menu />
• <MultiSelect />
• <RichTextInput />
• <ScrollView />
• <Tooltip />
• <TopBar />
• <Video />

Library structure

stylable-components
|
|--src - source code.
|
|--test - test code. browser tests end with: spec.ts/x
|                    node tests end with: .node-spec.ts/x
|
|--demo - demo of all components.
|
|--lib - target code generated by build script.

Development

The following scripts are available:

npm start - Runs webpack-dev-server (watching, hot-reloading), with access to demos and browser tests available via http://localhost:8080/webpack-dev-server

npm run build - Transpiles src into lib. Run automatically on prepublish.

npm test - Runs test:browser and test:node scripts. See below.

npm run test:browser - Runs karma for an automated single run of browser tests. For watch mode, see start script above.

npm run test:node - Runs mocha for an automated single run of node tests. For watch mode, you can pass in the watch flag: npm run test:node -- -w