@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 |