allison_cc

@paprika/date-range-picker

DateRangePicker component allows user to view and specify a date range through an entry fields or a calendar widgets.

@paprika/constants

Constants for components, for library internal use only

@paprika/progress-bar

ProgressBar is a component that shows the current progress of an action

@paprika/notification-card

Notification Card component

@paprika/data-field

Field Types package is a set of components that help the Table and DataGrid to enhance the cell property to display different value in a ease manner

@paprika/breadcrumbs

Breadcrumbs are a type of navigation that also allows users to visualize their location.

@paprika/data-header

Data header package is a set of components that help the Table and DataGrid to enhance the cell property to display different header types in a ease manner

@paprika/collapsible-card

Styled collapsible card component.

@paprika/overflow-menu

OverflowMenu component displays a trigger button, which when clicked displays a list of items in a dropdown menu format. These items can be raw content, Links or actions such as Delete, which will prompt a confirmation panel to be displayed.

@paprika/side-navigation

Side Navigation component

@paprika/panel

The Panel component provides a view that slides in from one side so the user can maintain context of their main task while they work on a sub task.

@paprika/list-box

The ListBox component allows users to select one or more options from a list contained within the component

@paprika/list-box-browser

ListBox Browser component is a two column layout that allows users to select one or multiple options. It is similar to the experience of browsing a file manager in any operating system.

@paprika/copy-input

The CopyInput component is an input with a button that copies the input's contents to user's clipboard.

@paprika/seducer

Seducer (simple reducer) is a wrapper on top of React.useReducer, making it easier to use

@paprika/status-tracker

Move items through a customized status workflow and view metadata for the previous and current statuses.

@paprika/list-box-with-tags

Allowed the consumer to display a ListBox that show the selected option in a shape of pills

@paprika/search

The search components helps you to implemented in an easy way an autocomplete interaction.

@paprika/dynamic-hyperlink

Adding this component runs a script that does an API lookup on hyperlinks with a specific data attribute, fetching their name.

@paprika/filter

Filter

@paprika/mock-endpoints

A helper function that wraps of the 'fetch-mock' library, making it easy to mock API calls from your component.

@paprika/dynamic-hyperlink-transformer

Adding this component runs a script that fires a callback function on each hyperlink with a specific data attribute, then replaces the link with a fancier card.

@paprika/tag

Tag can be both static UI labels or removable components. Static Tag is mostly used to show an item’s status. A removable Tag should be used to add or group objects.

@paprika/inline-editors

Great flexibility to present a pattern where the user has to interact with an output component in order to trigger an input component

@paprika/text-editor

A Wrapper on top of TinyMCE editor react wrapper to unified all HighBond editors across our ecosystem