@appello/web-ui NPM | npm.io

1.2.5 • Published 7 months ago

Install

Weekly downloads

-

License

ISC

Repository

Last release

7 months ago

@appello/web-ui

React UI library of components and modules. Designed by Appello.

Installation

# using npm
npm install @appello/web-ui
# using pnpm
pnpm install @appello/web-ui
# using yarn
yarn add @appello/web-ui

IMPORTANT: These icons should be in src/view/assets/icons: calendar.svg, down-arrow.svg, close.svg, magnifier.svg, bell.svg, polygon.svg, check.svg, eye.svg, eye-crossed.svg, document.svg

Basic usage

import '@appello/web-ui/dist/index.css';

import React from 'react';
import {
  AppelloKit,
  AppelloKitComponents,
  AppelloKitComponentsProvider,
  AppelloKitProvider,
} from '@appello/web-ui';

const defaultTheme: AppelloKit = {
  pageSize: 10,
  debounceDelay: 500,
  dateFormat: 'dd/MM/yyyy',
};

const defaultComponentProps: AppelloKitComponents = {
  PhotoField: {
    photoPlaceholder: 'https://via.placeholder.com/150',
  },
};

root.render(
  <AppelloKitProvider value={defaultTheme}>
    <AppelloKitComponentsProvider value={defaultComponentProps}>
      <App />
    </AppelloKitComponentsProvider>
  </AppelloKitProvider>,
);

`AppelloKit` interface

Property	Type	Description
`pageSize`	number	The number of items to display per page
`debounceDelay`	number	The delay time (in milliseconds) before triggering a search request
`dateFormat`	string	The format for displaying dates within the application

appello web ui uikit

@dnd-kit/core @dnd-kit/modifiers @dnd-kit/sortable @dnd-kit/utilities @floating-ui/react deepmerge-ts react-paginate react-svg

@everything-registry/sub-chunk-75

1 year ago

1 year ago

7 months ago

7 months ago

7 months ago

9 months ago

11 months ago

1 year ago

8 months ago

8 months ago

8 months ago

1 year ago

1 year ago

8 months ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

0.2.9-alpha.1.0

2 years 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

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

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

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

2 years ago

2 years ago

2 years ago

2 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

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

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

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago