UI Components library

This project contains a list of UI components that can be important a used in different applications

Installation

Using npm

npm i -s @ptadmin/ui-components

Getting started

Adding components to a project is done by simply importing the desired component using the following method:

import { COMPONENT_NAME } from '@ptadmin/ui-components';

Available Components

In the project directory, you can find the following components:

AutoComplete

The AutoComplete component is a normal text input enhanced by a panel of suggested options.

The widget is useful for setting the value of a single-line textbox in one of two types of scenarios:

1. The value for the textbox must be chosen from a predefined set of values, e.g., a sport name field must contain a valid name.
2. The textbox may contain any arbitrary value, but it is advantageous to suggest possible values to the user, e.g., an event name field may suggest similar or existing event names.

DateTimeDisplayer

The DateTimeDisplayer component receives a prop that represents an ISO 8601 format date and displayes it in a Day/Month/Year Hour:Minute:second string. This component is usually passed to Table as a prop to render dates in a row.

Link

the Link component generates links under a react-router context.

Switch

A switch input with an update handler function.