0.0.3 • Published 10 months ago
@azimut-avant/scotch-components v0.0.3
@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 |