Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/supplycart/ui
UI elements for Supplycart
https://github.com/supplycart/ui
components ui vue
Last synced: about 1 month ago
JSON representation
UI elements for Supplycart
- Host: GitHub
- URL: https://github.com/supplycart/ui
- Owner: supplycart
- Created: 2020-02-26T03:12:10.000Z (almost 5 years ago)
- Default Branch: master
- Last Pushed: 2024-01-15T02:56:37.000Z (12 months ago)
- Last Synced: 2024-05-28T19:51:37.222Z (8 months ago)
- Topics: components, ui, vue
- Language: Vue
- Homepage:
- Size: 550 KB
- Stars: 1
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Codeowners: CODEOWNERS
Awesome Lists containing this project
README
# Supplycart UI
### Getting Started
1. Run `yarn install`
2. Run `yarn link`
3. Run `yarn install-demo`
4. Run `yarn serve` to run demo app
If you want to use this repo as the `@supplycart/ui` packages for ADAM/HUB/EVA repo locally, run `yarn link "@supplycart/ui"` at the root directory of the repo.
#### Money
| Props | Type | Default | Description |
| --- | --- | --- | --- |
| value | int, string | | Money value in decimal or integer |
| convertPrecision | int | | convert precision of Dinero object |
#### MoneyInput
| Props | Type | Default | Description |
| --- | --- | --- | --- |
| value | int, string | | Money value in decimal or integer |
#### DatePicker
| Props | Type | Default | Description |
| --- | --- | --- | --- |
| value | int, string | | Money value in decimal or integer |
#### DateRangePicker
| Props | Type | Default | Description |
| --- | --- | --- | --- |
| value | int, string | | Money value in decimal or integer |
#### DateTime
| Props | Type | Default | Description |
| --- | --- | --- | --- |
| value | Date, string | | Datetime value in date or string |
| timezone | string | Asia/Kuala_Lumpur | Timezone value in string |
| format | string | YYYY-MM-DD HH:mm:ss | Format value in string |
| isUtc | Boolean | true | display date in UTC format with specified timezone |
#### PhoneInput
| Props | Type | Default | Description |
| --- | --- | --- | --- |
| value | int, string | null | Input value |
#### Address
| Props | Type | Default | Description |
| --- | --- | --- | --- |
| value | Object | | value of the address |
| type | string | | type of the address |
| country | string | Malaysia | country of the address |
| display | array | | specific field to display|
#### AddressForm
| Props | Type | Default | Description |
| --- | --- | --- | --- |
| value | Object | | value of the address |
| type | string | | type of the address 'billing' or 'delivery' |
| country | string | Malaysia | country of the address |
| countries | Array | Malaysia | array of countries for dropdown list |
| disableFields | Array | | array fields to be disabled. Available value: 'unit' 'floor' 'building' 'street' 'city' 'postcode' 'state' 'country' or 'all' to disable all |
#### PasswordInput
| Props | Type | Default | Description |
| --- | --- | --- | --- |
| value | int, string | null | Input value |
#### AttachmentInput
| Props | Type | Default | Description |
| --- | --- | --- | --- |
| value | Array | [] | Input value |
| label | String | | Button label |
| mode | String | multiple | Only 'single' or 'multiple' accepted |
| maxSize | Number | 20000000 | Maximum size of file to be upload |
| format | Array | [] | List of allowed format. (csv, pdf, etc) |
| Event | Description |
| --- | --- |
| deleted | return deleted data contains index and deleted file |
#### TextareaInput
| Props | Type | Default | Description |
| --- | --- | --- | --- |
| value | String | | Input value |
| label | String | | Form label |
#### DropdownInput
This component is based on [vue-select](https://vue-select.org/) . Can refer to this documentation
| Props | Type | Default | Description |
| --- | --- | --- | --- |
| value | String | | Input value |
| form-label | String | | Form label |