Uikit Svelte
[WIP] UI Component Library
UIKit Svelte
⚠️ WIP, not ready for production
UIKit Component Library provides views, controls, and layout structures for declaring your app’s user interface, as well as utility functions to augment their behaviour. It comes with fully customizable styles and built-in accessibility support. This makes it a great tool to integrate with your software product.
Installation and Usage
Installation
Run in terminal:
npm i @stuymedova/uikit-svelte
Usage
Usage instructions can be found in each component's corresponding guide.
Component Library
| Type | Component | Source and Documentation | Preview |
|---|---|---|---|
| Accessibility | VisuallyHidden | Link (Doc. TBD) | TBD |
| HiddenFromScreenReaders | Link (Doc. TBD) | TBD | |
| Controls | Button | Link | Link |
| Disclosure* | Link (Doc. TBD) | Link | |
| Link | Link | Link | |
| Popover* | Link (Doc. TBD) | Link | |
| SegmentedControl | Link | Link | |
| Stepper | Link | Link | |
| Switch | Link | Link | |
| TabView | Link | Link | |
| Layout | TBD | TBD | TBD |
| Media | Symbol | Link | Link |
| Utilities | ConditionalWrapper | Link | TBD |
| Wrapper | Link | TBD |
* Components are being worked on and need improvement.
Functions
| Type | Function | Source (Documentation TBD) | Preview |
|---|---|---|---|
| Gestures | longPress | Link | TBD |
| pressOutside | Link | TBD | |
| Utilities | applyAction | Link | No preview |
| applyActions | Link | No preview |
Symbols and Styles
Default ones are provided under the System Display (src/lib/assets/system-display) directory. It's expected for users to customize them as necessary and provide under a custom directory.
