@veeqo/components NPM | npm.io

6.1.1 • Published 8 months ago

Install

Weekly downloads

747

License

ISC

Repository

Last release

8 months ago

Veeqo Components

This package includes a variety of React UI components that we use to build apps at Veeqo.

npm.io

Usage

First you'll need to install the package via NPM:

npm install -S @veeqo/components

Then you can start importing components:

import { VeeqoCommon } from '@veeqo/components`;

const { Button } = VeeqoCommon;

<Button>Click me</Button>

Get started

View the docs for a full list of components

Try them out in Playroom

Development

To develop and run Storybook locally you'll need to clone this repository:

git clone git@github.com:veeqo/veeqo-frontend.git

cd veeqo-frontend/packages/components

Install dependencies:

We use rush to manage this monorepo project so please use rush to install all dependencies

rush install

Start Storybook:

npm run storybook

Start Playroom:

npm run playroom:start

Read for publish

Please refer to the README file in the root directory.

Folder structure

lib - all source files for the npm package | - components - all react components | - | - common - components that are small & represent a unit of UI (should have very little or no local state or logic) | - | - forms - components that allow user input | - | - layouts - components that only control the layout of other components | - | - ui - components that are bigger composites of UI (can have local state, interactivity or business logic) | - hooks - custom hooks | - theme - theme configuration | - types - type declarations that are re-used across multiple components/files | - utils - utility functions (mappers, reducers, converters, etc.)

Component folder structure

index.ts - usually contains import and export statements (used for supporting short imports since index.js|ts are auto-resolved) ComponentName.tsx - JSX of the component itself styled.ts - styled components used in the JSX, components from ui/ should have imports of commons there as well types.ts - local type declarations

Typings

It's preferred for prop types declarations to have suffix Props, eg. - export interface ContainerProps {} In rare cases, if the type declaration name clashes with component name (eg. Tab as component and Tab as an interface for tab data-object), it's recommended to use prefix I ITab. Otherwise the cleanest version of the interface name is most preferred Tab

TypeScript Handbook TypeScript React Cheatsheet

On-boarding screencast

Watch veeqo-components on-boarding screencast

veeqo components react ui library

@everything-registry/sub-chunk-979 @veeqo/custom-views

8 months ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

4.27.1-table-loading-state

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

4.25.1-datatableexp

2 years ago

4.25.1-e2e-classname-and-sortable-header

2 years ago

4.25.1-e2e-classname

2 years ago

4.25.0-row-level-state

2 years ago

2 years ago

2 years ago

2 years ago

4.22.0-expose-sidebar-state-beta

2 years ago

2 years ago

2 years ago

4.16.2-button-named-export

2 years ago

2 years ago

2 years ago

2 years ago

4.18.0-pagination-beta

2 years ago

2 years ago

4.18.3-side-effects-free

2 years ago

2 years ago

2 years ago

4.16.2-module-break-down

2 years ago

2 years ago

4.15.5-scrollable-modal

3 years ago

3 years ago

2 years ago

2 years ago

2 years ago

3 years ago

3 years ago

3 years ago

3 years ago

4.15.2-add-popover-clickaway

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

4.6.1-wrap-popup-under-portal

3 years ago

3 years ago

4.4.0-export-table-hooks

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3.0.0-more-glyph-sizes

3 years ago

3 years ago

3.0.1-more-glyph-sizes

3 years ago

2.2.15-dimensions-input-reorder

3 years ago

3 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

2.1.14-datatable-adjustments-v2

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

2.2.0-expose-styled

4 years ago

2.2.10-pre-merge

4 years ago

4 years ago

4 years ago

2.1.14-datatable-adjustments

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

2.1.5-add-popper-to-tooltip

4 years ago

4 years ago

4 years ago

4 years ago

2.0.11-button-props

4 years ago

4 years ago

2.1.1-skeleton-header-beta

4 years ago

2.0.8-skeleton-header-beta-1

4 years ago

2.0.8-skeleton-header-beta

4 years ago

4 years ago

2.0.8-fixed-columns-beta

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

2.0.0-fix-popover-clipping

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

1.8.1-image-improvements-2

4 years ago

1.8.1-image-improvements-5

4 years ago

1.8.1-image-improvements-3

4 years ago

1.8.1-image-improvements-4

4 years ago

1.8.1-image-improvements

4 years ago

1.8.0-peer-deps

4 years ago

4 years ago

4 years ago

1.8.0-peer-deps-2

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

1.7.0-jsx-key-lint-rule-1

4 years ago

1.7.0-jsx-key-lint-rule

4 years ago

4 years ago

4 years ago

1.6.10-custom-views-functionality-update

4 years ago

1.6.10-emit-type-declarations-v2

4 years ago

1.6.10-emit-type-declarations

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

1.6.4-tooltip-improvements

4 years ago

1.6.5-fixed-datepicker-background

4 years ago

1.6.4-tooltip-beta

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

5 years ago

5 years ago