@azimut-avant/scotch-components NPM

@azimut-avant/scotch-components

Scotch is our internal collection of libraries used for frontend development. In this repository we publish some components which might be useful as an extension for awesome @radix-ui and @shadcn/ui.

Out desire is not implementation of a complete library, but just presentation of some components which might be useful for anyone else.

Demo: https://scotch-components.vercel.app/

Components

Name	Description
Chip	Similar to badge, but with actions
ChipList	A set of chips
ChipInput	An input which allows to add chips
Select	Simple selection component
SearchSelect	Select with search input
MultiSelect	Selection of multiple elements
SearchMultiSelect	Selection of multiple elements with input
AutoComplete	Search with autocomplete
ImageGallery	A component which implements gallery of images with preview

References

This repository is not meant to be a "yet another components library". We strongly rely on radix-ui and shadcn/ui and shall not implement components covered by these libraries - until their implementations do not restrict demanded functionality.

Here we present a list of widgets/components we are not going to implement (for now):

Name	Description	Link
Pagination	Widget to control pages	react-paginate
Breadcrumbs	Navigation steps	shadcn/ui
Button	Widget to run some action	shdacn/ui
Calendar	Date choices	shadcn/ui
Checkbox	Boolean-based selection	radix-ui / shadcn/ui
DropdownMenu	Static selection	radix-ui / shadcn/ui
Input	String input	shadcn/ui
MenuBar	Bar with items for navigation	radix-ui / shadcn/ui
Dialog	Modal menu	radix-ui / shadcn/ui
Notifications / Toast	Notification popups	radix-ui / shadcn/ui
Popover	Small modal window shown near anchor element	radix-ui / shadcn/ui
Radio	Group of choices	radix-ui / shadcn/ui
Switch	A toggle widget	radix-ui / shadcn/ui
Table	A html-based table	shadcn/ui
Tabs	Set of pages selected with bar of selectors	radix-ui / shadcn/ui
Tooltop	A small notification near some anchor	radix-ui / shadcn/ui