@maz-ui/mcp 5.0.0 → 5.1.0-beta.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +61 -228
- package/bin/maz-ui-mcp.mjs +2 -5
- package/dist/cli.d.mts +7 -0
- package/dist/cli.d.ts +7 -0
- package/dist/cli.mjs +14 -0
- package/dist/index.d.mts +340 -0
- package/dist/index.d.ts +340 -0
- package/dist/index.mjs +14 -0
- package/dist/shared/mcp.DzqVbCaL.mjs +2346 -0
- package/docs/README.md +207 -0
- package/docs/agents/agents-md.md +52 -0
- package/docs/agents/claude-rule.md +52 -0
- package/docs/components/maz-accordion.md +76 -0
- package/docs/{src/components → components}/maz-alert.md +31 -164
- package/docs/components/maz-animated-counter.md +87 -0
- package/docs/components/maz-animated-element.md +46 -0
- package/docs/components/maz-animated-text.md +53 -0
- package/docs/components/maz-avatar.md +193 -0
- package/docs/components/maz-backdrop.md +178 -0
- package/docs/{src/components → components}/maz-badge.md +26 -67
- package/docs/components/maz-bottom-sheet.md +257 -0
- package/docs/{src/components → components}/maz-btn-group.md +26 -189
- package/docs/{src/components → components}/maz-btn.md +60 -245
- package/docs/components/maz-card-spotlight.md +84 -0
- package/docs/{src/components → components}/maz-card.md +67 -192
- package/docs/components/maz-carousel.md +153 -0
- package/docs/{src/components → components}/maz-chart.md +17 -161
- package/docs/components/maz-checkbox.md +138 -0
- package/docs/components/maz-checklist.md +251 -0
- package/docs/components/maz-circular-progress-bar.md +109 -0
- package/docs/{src/components → components}/maz-code-highlight.md +15 -93
- package/docs/components/maz-container.md +241 -0
- package/docs/{src/components → components}/maz-date-picker.md +85 -454
- package/docs/components/maz-dialog-confirm.md +215 -0
- package/docs/components/maz-dialog.md +143 -0
- package/docs/components/maz-drawer.md +106 -0
- package/docs/components/maz-dropdown.md +419 -0
- package/docs/{src/components → components}/maz-dropzone.md +80 -221
- package/docs/components/maz-expand-animation.md +82 -0
- package/docs/components/maz-fullscreen-loader.md +58 -0
- package/docs/components/maz-gallery.md +79 -0
- package/docs/{src/components → components}/maz-icon.md +32 -83
- package/docs/components/maz-input-code.md +73 -0
- package/docs/components/maz-input-number.md +79 -0
- package/docs/components/maz-input-phone-number.md +536 -0
- package/docs/components/maz-input-price.md +68 -0
- package/docs/components/maz-input-tags.md +112 -0
- package/docs/{src/components → components}/maz-input.md +74 -221
- package/docs/components/maz-lazy-img.md +113 -0
- package/docs/components/maz-link.md +146 -0
- package/docs/components/maz-loading-bar.md +38 -0
- package/docs/{src/components → components}/maz-markdown-editor.md +72 -125
- package/docs/components/maz-pagination.md +82 -0
- package/docs/components/maz-popover.md +794 -0
- package/docs/{src/components → components}/maz-pull-to-refresh.md +59 -45
- package/docs/components/maz-radio-buttons.md +313 -0
- package/docs/components/maz-radio.md +119 -0
- package/docs/{src/components → components}/maz-read-more.md +31 -122
- package/docs/components/maz-reading-progress-bar.md +96 -0
- package/docs/{src/components → components}/maz-select-country.md +80 -340
- package/docs/{src/components → components}/maz-select.md +76 -206
- package/docs/components/maz-sidebar-content.md +25 -0
- package/docs/components/maz-sidebar-footer.md +25 -0
- package/docs/components/maz-sidebar-group.md +27 -0
- package/docs/components/maz-sidebar-header.md +25 -0
- package/docs/components/maz-sidebar-menu-button.md +41 -0
- package/docs/components/maz-sidebar-menu-item.md +25 -0
- package/docs/components/maz-sidebar-menu-sub.md +32 -0
- package/docs/components/maz-sidebar-menu.md +25 -0
- package/docs/components/maz-sidebar-separator.md +21 -0
- package/docs/components/maz-sidebar-trigger.md +25 -0
- package/docs/{src/components → components}/maz-sidebar.md +117 -329
- package/docs/{src/components → components}/maz-skeleton.md +27 -156
- package/docs/{src/components → components}/maz-slider.md +33 -66
- package/docs/components/maz-spinner.md +84 -0
- package/docs/{src/components → components}/maz-stepper.md +43 -185
- package/docs/components/maz-switch.md +86 -0
- package/docs/components/maz-table-cell.md +27 -0
- package/docs/components/maz-table-row.md +28 -0
- package/docs/components/maz-table-title.md +27 -0
- package/docs/components/maz-table-virtualizer.md +31 -0
- package/docs/components/maz-table.md +426 -0
- package/docs/components/maz-tabs-bar.md +43 -0
- package/docs/components/maz-tabs-content-item.md +27 -0
- package/docs/components/maz-tabs-content.md +27 -0
- package/docs/{src/components → components}/maz-tabs.md +89 -126
- package/docs/components/maz-textarea.md +255 -0
- package/docs/components/maz-ticker.md +427 -0
- package/docs/components/maz-timeline.md +304 -0
- package/docs/components/maz-ui-provider.md +26 -0
- package/docs/{src/components → components}/maz-window-mockup.md +38 -105
- package/docs/composables/use-aos.md +41 -0
- package/docs/composables/use-breakpoints.md +42 -0
- package/docs/composables/use-dialog.md +58 -0
- package/docs/{src/composables → composables}/use-display-names.md +12 -59
- package/docs/{src/composables → composables}/use-drag.md +14 -68
- package/docs/{src/composables → composables}/use-form-validator.md +22 -696
- package/docs/{src/composables → composables}/use-idle-timeout.md +13 -97
- package/docs/{src/composables → composables}/use-pull-to-refresh.md +14 -7
- package/docs/{src/composables → composables}/use-reading-time.md +20 -56
- package/docs/composables/use-string-matching.md +41 -0
- package/docs/{src/composables → composables}/use-swipe.md +14 -81
- package/docs/{src/composables → composables}/use-timer.md +12 -38
- package/docs/composables/use-toast.md +50 -0
- package/docs/{src/composables → composables}/use-user-visibility.md +14 -56
- package/docs/composables/use-wait.md +50 -0
- package/docs/composables/use-window-size.md +25 -0
- package/docs/{src/directives → directives}/click-outside.md +13 -99
- package/docs/{src/directives → directives}/fullscreen-img.md +10 -28
- package/docs/{src/directives → directives}/lazy-img.md +14 -49
- package/docs/{src/directives → directives}/tooltip.md +12 -217
- package/docs/{src/directives → directives}/zoom-img.md +11 -38
- package/docs/{src/ecosystem → ecosystem}/eslint-config.md +37 -29
- package/docs/ecosystem/icons/icon-set.md +25 -0
- package/docs/{src/ecosystem → ecosystem}/icons/index.md +22 -16
- package/docs/ecosystem/mcp.md +165 -0
- package/docs/{src/ecosystem → ecosystem}/node/exec-promise.md +12 -6
- package/docs/ecosystem/node/index.md +53 -0
- package/docs/{src/ecosystem → ecosystem}/node/logger.md +12 -6
- package/docs/{src/ecosystem → ecosystem}/node/print-banner.md +12 -4
- package/docs/ecosystem/node/setup-agents.md +102 -0
- package/docs/{src/ecosystem → ecosystem}/nuxt.md +46 -19
- package/docs/{src/ecosystem → ecosystem}/stylelint-config.md +33 -25
- package/docs/{src/ecosystem → ecosystem}/themes.md +72 -235
- package/docs/{src/ecosystem → ecosystem}/translations.md +25 -23
- package/docs/ecosystem/utils/camel-case.md +37 -0
- package/docs/ecosystem/utils/capitalize.md +37 -0
- package/docs/{src/ecosystem → ecosystem}/utils/check-availability.md +14 -8
- package/docs/{src/ecosystem → ecosystem}/utils/cookie.md +18 -12
- package/docs/ecosystem/utils/country-code-to-unicode-flag.md +128 -0
- package/docs/{src/ecosystem → ecosystem}/utils/currency.md +12 -26
- package/docs/{src/ecosystem → ecosystem}/utils/date.md +10 -24
- package/docs/ecosystem/utils/debounce-callback.md +44 -0
- package/docs/{src/ecosystem → ecosystem}/utils/debounce-id.md +14 -8
- package/docs/{src/ecosystem → ecosystem}/utils/debounce.md +14 -8
- package/docs/ecosystem/utils/fetch-locale-ip.md +39 -0
- package/docs/{src/ecosystem → ecosystem}/utils/format-json.md +11 -5
- package/docs/{src/ecosystem → ecosystem}/utils/format-phone-number.md +12 -6
- package/docs/ecosystem/utils/get-browser-locale.md +35 -0
- package/docs/ecosystem/utils/get-country-flag-url.md +67 -0
- package/docs/{src/ecosystem → ecosystem}/utils/get-error-message.md +10 -4
- package/docs/{src/ecosystem → ecosystem}/utils/idle-timeout.md +15 -9
- package/docs/{src/ecosystem → ecosystem}/utils/index.md +10 -13
- package/docs/{src/ecosystem → ecosystem}/utils/is-client.md +11 -5
- package/docs/{src/ecosystem → ecosystem}/utils/is-equal.md +14 -8
- package/docs/{src/ecosystem → ecosystem}/utils/is-ios.md +12 -6
- package/docs/ecosystem/utils/is-server.md +37 -0
- package/docs/ecosystem/utils/is-standalone-mode.md +49 -0
- package/docs/{src/ecosystem → ecosystem}/utils/kebab-case.md +10 -4
- package/docs/{src/ecosystem → ecosystem}/utils/normalize-string.md +10 -4
- package/docs/{src/ecosystem → ecosystem}/utils/number.md +10 -24
- package/docs/{src/ecosystem → ecosystem}/utils/pascal-case.md +11 -5
- package/docs/{src/ecosystem → ecosystem}/utils/prevent-ios-input-zoom.md +14 -8
- package/docs/{src/ecosystem → ecosystem}/utils/script-loader.md +16 -8
- package/docs/{src/ecosystem → ecosystem}/utils/sleep.md +10 -4
- package/docs/{src/ecosystem → ecosystem}/utils/snake-case.md +10 -4
- package/docs/{src/ecosystem → ecosystem}/utils/swipe-handler.md +14 -8
- package/docs/{src/ecosystem → ecosystem}/utils/textarea-autogrow.md +12 -6
- package/docs/{src/ecosystem → ecosystem}/utils/throttle-id.md +13 -7
- package/docs/{src/ecosystem → ecosystem}/utils/throttle.md +14 -8
- package/docs/ecosystem/utils/truthy-filter.md +37 -0
- package/docs/{src/ecosystem → ecosystem}/utils/types/deep-key-of.md +11 -5
- package/docs/{src/ecosystem → ecosystem}/utils/types/deep-partial.md +10 -4
- package/docs/ecosystem/utils/types/deep-required.md +45 -0
- package/docs/ecosystem/utils/types/flatten-object-keys.md +50 -0
- package/docs/{src/ecosystem → ecosystem}/utils/types/generic-instance-type.md +10 -4
- package/docs/{src/ecosystem → ecosystem}/utils/types/infer-maybe-ref.md +10 -4
- package/docs/ecosystem/utils/upper-first.md +38 -0
- package/docs/{src/ecosystem → ecosystem}/utils/user-visibility.md +12 -6
- package/docs/guide/ai-agents.md +237 -0
- package/docs/{src/guide → guide}/browser-support.md +22 -15
- package/docs/{src/guide → guide}/getting-started.md +34 -139
- package/docs/{src/guide → guide}/global-defaults.md +12 -11
- package/docs/{src/guide → guide}/maz-ui-provider.md +17 -16
- package/docs/{src/guide → guide}/migration-v5.md +95 -88
- package/docs/{src/guide → guide}/resolvers.md +33 -100
- package/docs/guide/tailwind.md +483 -0
- package/docs/{src/guide → guide}/vue.md +33 -39
- package/docs/manifest.json +1 -0
- package/docs/{src/plugins → plugins}/aos.md +20 -55
- package/docs/{src/plugins → plugins}/dialog.md +14 -161
- package/docs/plugins/toast.md +221 -0
- package/docs/plugins/wait.md +78 -0
- package/docs/reference/icons.md +46 -0
- package/docs/reference/tailwind-tokens.md +191 -0
- package/docs/rules.md +57 -0
- package/package.json +84 -22
- package/dist/mcp.d.mts +0 -153
- package/dist/mcp.d.ts +0 -153
- package/dist/mcp.mjs +0 -1511
- package/docs/generated-docs/maz-accordion.doc.md +0 -21
- package/docs/generated-docs/maz-alert.doc.md +0 -20
- package/docs/generated-docs/maz-animated-counter.doc.md +0 -17
- package/docs/generated-docs/maz-animated-element.doc.md +0 -14
- package/docs/generated-docs/maz-animated-text.doc.md +0 -17
- package/docs/generated-docs/maz-avatar.doc.md +0 -45
- package/docs/generated-docs/maz-backdrop.doc.md +0 -55
- package/docs/generated-docs/maz-badge.doc.md +0 -16
- package/docs/generated-docs/maz-bottom-sheet.doc.md +0 -24
- package/docs/generated-docs/maz-btn-group.doc.md +0 -20
- package/docs/generated-docs/maz-btn.doc.md +0 -33
- package/docs/generated-docs/maz-card-spotlight.doc.md +0 -16
- package/docs/generated-docs/maz-card.doc.md +0 -39
- package/docs/generated-docs/maz-carousel.doc.md +0 -17
- package/docs/generated-docs/maz-chart.doc.md +0 -10
- package/docs/generated-docs/maz-checkbox.doc.md +0 -33
- package/docs/generated-docs/maz-checklist.doc.md +0 -30
- package/docs/generated-docs/maz-circular-progress-bar.doc.md +0 -27
- package/docs/generated-docs/maz-code-highlight.doc.md +0 -11
- package/docs/generated-docs/maz-container.doc.md +0 -26
- package/docs/generated-docs/maz-date-picker.doc.md +0 -56
- package/docs/generated-docs/maz-dialog-confirm.doc.md +0 -24
- package/docs/generated-docs/maz-dialog.doc.md +0 -22
- package/docs/generated-docs/maz-drawer.doc.md +0 -25
- package/docs/generated-docs/maz-dropdown.doc.md +0 -45
- package/docs/generated-docs/maz-dropzone.doc.md +0 -82
- package/docs/generated-docs/maz-expand-animation.doc.md +0 -12
- package/docs/generated-docs/maz-fullscreen-loader.doc.md +0 -13
- package/docs/generated-docs/maz-gallery.doc.md +0 -17
- package/docs/generated-docs/maz-icon.doc.md +0 -16
- package/docs/generated-docs/maz-input-code.doc.md +0 -25
- package/docs/generated-docs/maz-input-number.doc.md +0 -33
- package/docs/generated-docs/maz-input-phone-number.doc.md +0 -62
- package/docs/generated-docs/maz-input-price.doc.md +0 -26
- package/docs/generated-docs/maz-input-tags.doc.md +0 -24
- package/docs/generated-docs/maz-input.doc.md +0 -54
- package/docs/generated-docs/maz-lazy-img.doc.md +0 -49
- package/docs/generated-docs/maz-link.doc.md +0 -31
- package/docs/generated-docs/maz-loading-bar.doc.md +0 -6
- package/docs/generated-docs/maz-markdown-editor.doc.md +0 -65
- package/docs/generated-docs/maz-pagination.doc.md +0 -21
- package/docs/generated-docs/maz-popover.doc.md +0 -79
- package/docs/generated-docs/maz-pull-to-refresh.doc.md +0 -50
- package/docs/generated-docs/maz-radio-buttons.doc.md +0 -34
- package/docs/generated-docs/maz-radio.doc.md +0 -33
- package/docs/generated-docs/maz-read-more.doc.md +0 -18
- package/docs/generated-docs/maz-reading-progress-bar.doc.md +0 -18
- package/docs/generated-docs/maz-select-country.doc.md +0 -45
- package/docs/generated-docs/maz-select.doc.md +0 -32
- package/docs/generated-docs/maz-sidebar-content.doc.md +0 -5
- package/docs/generated-docs/maz-sidebar-footer.doc.md +0 -5
- package/docs/generated-docs/maz-sidebar-group.doc.md +0 -11
- package/docs/generated-docs/maz-sidebar-header.doc.md +0 -5
- package/docs/generated-docs/maz-sidebar-menu-button.doc.md +0 -27
- package/docs/generated-docs/maz-sidebar-menu-item.doc.md +0 -5
- package/docs/generated-docs/maz-sidebar-menu-sub.doc.md +0 -16
- package/docs/generated-docs/maz-sidebar-menu.doc.md +0 -5
- package/docs/generated-docs/maz-sidebar-separator.doc.md +0 -0
- package/docs/generated-docs/maz-sidebar-trigger.doc.md +0 -5
- package/docs/generated-docs/maz-sidebar.doc.md +0 -36
- package/docs/generated-docs/maz-skeleton.doc.md +0 -12
- package/docs/generated-docs/maz-slider.doc.md +0 -20
- package/docs/generated-docs/maz-spinner.doc.md +0 -6
- package/docs/generated-docs/maz-stepper.doc.md +0 -30
- package/docs/generated-docs/maz-switch.doc.md +0 -31
- package/docs/generated-docs/maz-table-cell.doc.md +0 -5
- package/docs/generated-docs/maz-table-row.doc.md +0 -12
- package/docs/generated-docs/maz-table-title.doc.md +0 -5
- package/docs/generated-docs/maz-table-virtualizer.doc.md +0 -20
- package/docs/generated-docs/maz-table.doc.md +0 -72
- package/docs/generated-docs/maz-tabs-bar.doc.md +0 -29
- package/docs/generated-docs/maz-tabs-content-item.doc.md +0 -11
- package/docs/generated-docs/maz-tabs-content.doc.md +0 -5
- package/docs/generated-docs/maz-tabs.doc.md +0 -20
- package/docs/generated-docs/maz-textarea.doc.md +0 -46
- package/docs/generated-docs/maz-ticker.doc.md +0 -25
- package/docs/generated-docs/maz-timeline.doc.md +0 -32
- package/docs/generated-docs/maz-ui-provider.doc.md +0 -12
- package/docs/generated-docs/maz-window-mockup.doc.md +0 -23
- package/docs/src/blog/v4.md +0 -276
- package/docs/src/blog/v5.md +0 -184
- package/docs/src/changelog.md +0 -7
- package/docs/src/components/index.md +0 -8
- package/docs/src/components/maz-accordion.md +0 -80
- package/docs/src/components/maz-animated-counter.md +0 -124
- package/docs/src/components/maz-animated-element.md +0 -36
- package/docs/src/components/maz-animated-text.md +0 -36
- package/docs/src/components/maz-avatar.md +0 -227
- package/docs/src/components/maz-backdrop.md +0 -250
- package/docs/src/components/maz-bottom-sheet.md +0 -533
- package/docs/src/components/maz-card-spotlight.md +0 -163
- package/docs/src/components/maz-carousel.md +0 -231
- package/docs/src/components/maz-checkbox.md +0 -168
- package/docs/src/components/maz-checklist.md +0 -414
- package/docs/src/components/maz-circular-progress-bar.md +0 -145
- package/docs/src/components/maz-container.md +0 -363
- package/docs/src/components/maz-dialog-confirm.md +0 -240
- package/docs/src/components/maz-dialog.md +0 -164
- package/docs/src/components/maz-drawer.md +0 -181
- package/docs/src/components/maz-dropdown.md +0 -691
- package/docs/src/components/maz-expand-animation.md +0 -99
- package/docs/src/components/maz-fullscreen-loader.md +0 -58
- package/docs/src/components/maz-gallery.md +0 -85
- package/docs/src/components/maz-input-code.md +0 -61
- package/docs/src/components/maz-input-number.md +0 -81
- package/docs/src/components/maz-input-phone-number.md +0 -942
- package/docs/src/components/maz-input-price.md +0 -67
- package/docs/src/components/maz-input-tags.md +0 -114
- package/docs/src/components/maz-lazy-img.md +0 -88
- package/docs/src/components/maz-link.md +0 -178
- package/docs/src/components/maz-loading-bar.md +0 -26
- package/docs/src/components/maz-pagination.md +0 -79
- package/docs/src/components/maz-popover.md +0 -1416
- package/docs/src/components/maz-radio-buttons.md +0 -462
- package/docs/src/components/maz-radio.md +0 -142
- package/docs/src/components/maz-reading-progress-bar.md +0 -74
- package/docs/src/components/maz-spinner.md +0 -93
- package/docs/src/components/maz-switch.md +0 -92
- package/docs/src/components/maz-table.md +0 -732
- package/docs/src/components/maz-textarea.md +0 -400
- package/docs/src/components/maz-ticker.md +0 -692
- package/docs/src/components/maz-timeline.md +0 -478
- package/docs/src/composables/use-aos.md +0 -34
- package/docs/src/composables/use-breakpoints.md +0 -35
- package/docs/src/composables/use-dialog.md +0 -88
- package/docs/src/composables/use-string-matching.md +0 -63
- package/docs/src/composables/use-toast.md +0 -71
- package/docs/src/composables/use-wait.md +0 -62
- package/docs/src/composables/use-window-size.md +0 -18
- package/docs/src/ecosystem/icons/icon-set.md +0 -123
- package/docs/src/ecosystem/mcp.md +0 -210
- package/docs/src/ecosystem/node/index.md +0 -53
- package/docs/src/ecosystem/utils/camel-case.md +0 -31
- package/docs/src/ecosystem/utils/capitalize.md +0 -50
- package/docs/src/ecosystem/utils/country-code-to-unicode-flag.md +0 -213
- package/docs/src/ecosystem/utils/debounce-callback.md +0 -38
- package/docs/src/ecosystem/utils/fetch-locale-ip.md +0 -33
- package/docs/src/ecosystem/utils/get-browser-locale.md +0 -29
- package/docs/src/ecosystem/utils/get-country-flag-url.md +0 -156
- package/docs/src/ecosystem/utils/is-server.md +0 -31
- package/docs/src/ecosystem/utils/is-standalone-mode.md +0 -43
- package/docs/src/ecosystem/utils/truthy-filter.md +0 -31
- package/docs/src/ecosystem/utils/types/deep-required.md +0 -39
- package/docs/src/ecosystem/utils/types/flatten-object-keys.md +0 -44
- package/docs/src/ecosystem/utils/upper-first.md +0 -32
- package/docs/src/guide/cli.md +0 -144
- package/docs/src/guide/migration-v4.md +0 -925
- package/docs/src/guide/tailwind.md +0 -158
- package/docs/src/index.md +0 -603
- package/docs/src/made-with-maz-ui.md +0 -58
- package/docs/src/plugins/toast.md +0 -349
- package/docs/src/plugins/wait.md +0 -109
- package/docs/src/theme-editor.md +0 -21
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
## Props
|
|
2
|
-
|
|
3
|
-
| Name | Description | Type | Required |
|
|
4
|
-
| ----------------- | ----------- | ------------ | -------- |
|
|
5
|
-
| **id** | | `string` | No |
|
|
6
|
-
| **model-value** | | `number` | No |
|
|
7
|
-
| **content-class** | | `ClassValue` | No |
|
|
8
|
-
|
|
9
|
-
## Events
|
|
10
|
-
|
|
11
|
-
| Event name | Properties | Description |
|
|
12
|
-
| ------------------ | ---------- | ----------- |
|
|
13
|
-
| update:model-value | |
|
|
14
|
-
|
|
15
|
-
## Slots
|
|
16
|
-
|
|
17
|
-
| Name | Description | Bindings |
|
|
18
|
-
| ----------------- | ----------- | -------- |
|
|
19
|
-
| `title-${step}` | | <br/> |
|
|
20
|
-
| content | | |
|
|
21
|
-
| `content-${step}` | | <br/> |
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
## Props
|
|
2
|
-
|
|
3
|
-
| Name | Description | Type | Required | Default | Possible values |
|
|
4
|
-
| ---------------- | ---------------------------------------------------------- | ------------------------- | -------- | ----------- | --------------------------------------------------------------------------------------------------------- |
|
|
5
|
-
| **title** | Title of the alert | `string` | No | `undefined` | - |
|
|
6
|
-
| **content** | Content of the alert | `string` | No | `undefined` | - |
|
|
7
|
-
| **icon** | Icon of the alert - can be a component or icon name string | `IconComponent \| string` | No | `undefined` | - |
|
|
8
|
-
| **hide-icon** | Hide the icon | `boolean` | No | `false` | - |
|
|
9
|
-
| **color** | Color of the alert | `MazAlertColor` | No | `info` | `'success' \| 'warning' \| 'destructive' \| 'info' \| 'primary' \| 'secondary' \| 'accent' \| 'contrast'` |
|
|
10
|
-
| **icon-size** | Size of the icon | `MazIconProps['size']` | No | `md` | - |
|
|
11
|
-
| **rounded-size** | Size of the rounded corners | `MazAlertRoundedSize` | No | `md` | `'none' \| 'sm' \| 'md' \| 'lg' \| 'xl' \| '2xl' \| '3xl'` |
|
|
12
|
-
| **bordered** | Add border to the component | `boolean` | No | `true` | - |
|
|
13
|
-
| **variant** | Visual variant of the alert | `MazAlertVariant` | No | `soft` | `'soft' \| 'solid'` |
|
|
14
|
-
|
|
15
|
-
## Slots
|
|
16
|
-
|
|
17
|
-
| Name | Description | Bindings |
|
|
18
|
-
| ------- | ------------------------------------------------------- | -------- |
|
|
19
|
-
| title | Title slot - overrides title prop | |
|
|
20
|
-
| default | Default slot for alert content - overrides content prop | |
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
## Props
|
|
2
|
-
|
|
3
|
-
| Name | Description | Type | Required | Default |
|
|
4
|
-
| ------------ | ------------------------------------------------- | --------- | -------- | ----------- |
|
|
5
|
-
| **count** | The number to animate | `number` | Yes | `undefined` |
|
|
6
|
-
| **duration** | Duration of the animation in milliseconds | `number` | No | `1000` |
|
|
7
|
-
| **prefix** | Suffix to display next to the number | `string` | No | `undefined` |
|
|
8
|
-
| **suffix** | Suffix to display next to the number | `string` | No | `undefined` |
|
|
9
|
-
| **delay** | Delay before the animation starts in milliseconds | `number` | No | `100` |
|
|
10
|
-
| **once** | Play the animation only once | `boolean` | No | `true` |
|
|
11
|
-
|
|
12
|
-
## Slots
|
|
13
|
-
|
|
14
|
-
| Name | Description | Bindings |
|
|
15
|
-
| ------ | ----------- | -------- |
|
|
16
|
-
| prefix | | |
|
|
17
|
-
| suffix | | |
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
## Props
|
|
2
|
-
|
|
3
|
-
| Name | Description | Type | Required | Default | Possible values |
|
|
4
|
-
| ------------- | ------------------------------ | ------------------------------------- | -------- | ------- | ----------------------------- |
|
|
5
|
-
| **direction** | The direction of the animation | `"up" \| "down" \| "left" \| "right"` | No | `up` | `up", "down", "left", "right` |
|
|
6
|
-
| **delay** | The delay of the animation | `number` | No | `0` | - |
|
|
7
|
-
| **duration** | The duration of the animation | `number` | No | `2000` | - |
|
|
8
|
-
| **once** | Play the animation only once | `boolean` | No | `true` | - |
|
|
9
|
-
|
|
10
|
-
## Slots
|
|
11
|
-
|
|
12
|
-
| Name | Description | Bindings |
|
|
13
|
-
| ------- | ----------- | -------- |
|
|
14
|
-
| default | | |
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
## Props
|
|
2
|
-
|
|
3
|
-
| Name | Description | Type | Required | Default | Possible values |
|
|
4
|
-
| ----------------- | ------------------------------------------------------------- | ------------------------------------- | -------- | ----------- | ----------------------------- |
|
|
5
|
-
| **text** | The text to animate<br/>**Example:** `"Hello"` | `string` | Yes | `undefined` | - |
|
|
6
|
-
| **last-word** | The last word(s) to be highlighted<br/>**Example:** `"world"` | `string` | No | `undefined` | - |
|
|
7
|
-
| **delay** | The delay of the animation | `number` | No | `0` | - |
|
|
8
|
-
| **direction** | The direction of the animation | `"up" \| "down" \| "left" \| "right"` | No | `up` | `up", "down", "left", "right` |
|
|
9
|
-
| **tag** | The tag to use for the text | `string` | No | `span` | - |
|
|
10
|
-
| **word-delay** | The delay between each word | `number` | No | `75` | - |
|
|
11
|
-
| **column-gap** | The column gap between each word | `number` | No | `0.5` | - |
|
|
12
|
-
| **row-gap** | The row gap between each word | `number` | No | `0` | - |
|
|
13
|
-
| **duration** | The duration of the animation | `number` | No | `2000` | - |
|
|
14
|
-
| **once** | Play the animation only once | `boolean` | No | `true` | - |
|
|
15
|
-
| **gradient-from** | The gradient from color | `MazColor` | No | `info` | - |
|
|
16
|
-
| **gradient-via** | The gradient via color | `MazColor` | No | `secondary` | - |
|
|
17
|
-
| **gradient-to** | The gradient to color | `MazColor` | No | `secondary` | - |
|
|
@@ -1,45 +0,0 @@
|
|
|
1
|
-
## Props
|
|
2
|
-
|
|
3
|
-
| Name | Description | Type | Required | Default | Possible values |
|
|
4
|
-
| ----------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------- | -------- | -------------- | -------------------------------------------------------------------------------------------------------------------------- |
|
|
5
|
-
| **style** | The style of the component | `Native type` | No | `undefined` | - |
|
|
6
|
-
| **class** | The class of the component | `Native type` | No | `undefined` | - |
|
|
7
|
-
| **src** | The source of the image | `string \| null` | No | `undefined` | - |
|
|
8
|
-
| **caption** | The caption of the avatar | `string \| null` | No | `undefined` | - |
|
|
9
|
-
| **href** | The link of the avatar | `string` | No | `undefined` | - |
|
|
10
|
-
| **to** | The link (router-link or nuxt-link) of the avatar | `string \| Record` | No | `undefined` | - |
|
|
11
|
-
| **alt** | The alt of the image | `string` | No | `undefined` | - |
|
|
12
|
-
| **target** | The target of the link | `string` | No | `undefined` | - |
|
|
13
|
-
| **size** | The size of the avatar - a keyword from `MazSize` or any CSS size unit | `MazSize \| MazSizeUnit` | No | `undefined` | `'mini' \| 'xs' \| 'sm' \| 'md' \| 'lg' \| 'xl'` or a CSS unit like `'2rem'`, `'48px'` |
|
|
14
|
-
| **bordered** | Add a border to the avatar | `boolean` | No | `undefined` | - |
|
|
15
|
-
| **clickable** | Make the avatar clickable | `boolean` | No | `undefined` | - |
|
|
16
|
-
| **square** | Make the avatar square | `boolean` | No | `undefined` | - |
|
|
17
|
-
| **no-elevation** | Remove the shadow | `boolean` | No | `undefined` | - |
|
|
18
|
-
| **show-caption** | Show the caption | `boolean` | No | `undefined` | - |
|
|
19
|
-
| **image-height-full** | Make the image height full | `boolean` | No | `undefined` | - |
|
|
20
|
-
| **hide-loader** | Remove the loader | `boolean` | No | `undefined` | - |
|
|
21
|
-
| **button-color** | The color of the clickable button | `MazColor` | No | `undefined` | `"primary" \| "secondary" \| "accent" \| "info" \| "success" \| "warning" \| "destructive" \| "contrast" \| "transparent"` |
|
|
22
|
-
| **hide-clickable-icon** | Remove the icon on hover when component is clickable | `boolean` | No | `undefined` | - |
|
|
23
|
-
| **letter-count** | Number of letters to display in the round text initials. - For a single-word caption, the first `letterCount` characters are used (`'admin'` + `3` -> `'ADM'`). - For a multi-word caption, the first letter of the first `letterCount` words is used (`'Louis Mazel'` -> `'LM'`). | `number` | No | `2` | - |
|
|
24
|
-
| **rounded-size** | Size of the rounded | `MazRoundedSize` | No | `undefined` | `'none' \| 'sm' \| 'md' \| 'lg' \| 'xl' \| 'full'` |
|
|
25
|
-
| **fallback-src** | The fallback src to replace the src on loading error | `string` | No | `undefined` | - |
|
|
26
|
-
| **loading** | The loading strategy of the image - lazy, eager or intersecting | `"lazy" \| "eager" \| "intersecting"` | No | `intersecting` | `'lazy' \| 'eager' \| 'intersecting'` |
|
|
27
|
-
| **color** | The color of the avatar | `MazColor` | No | `undefined` | `"primary" \| "secondary" \| "accent" \| "info" \| "success" \| "warning" \| "destructive" \| "contrast" \| "transparent"` |
|
|
28
|
-
|
|
29
|
-
## Events
|
|
30
|
-
|
|
31
|
-
| Event name | Properties | Description |
|
|
32
|
-
| ------------ | ---------- | -------------------------------------- |
|
|
33
|
-
| click | | Emitted when the avatar is clicked |
|
|
34
|
-
| error | | Emitted when the image is in error |
|
|
35
|
-
| loaded | | Emitted when the image is loaded |
|
|
36
|
-
| loading | | Emitted when the image is loading |
|
|
37
|
-
| intersecting | | Emitted when the image is intersecting |
|
|
38
|
-
|
|
39
|
-
## Slots
|
|
40
|
-
|
|
41
|
-
| Name | Description | Bindings |
|
|
42
|
-
| ---------- | ------------------------------------------------------------------------------------ | -------- |
|
|
43
|
-
| round-text | Replace the initials displayed when a caption is set and no image source is provided | |
|
|
44
|
-
| icon | The icon displayed on the clickable button overlay (shown on hover/focus) | |
|
|
45
|
-
| caption | Replace the caption displayed below the avatar (requires `showCaption`) | |
|
|
@@ -1,55 +0,0 @@
|
|
|
1
|
-
## Props
|
|
2
|
-
|
|
3
|
-
| Name | Description | Type | Required |
|
|
4
|
-
| -------------------------- | ---------------------------------------------------------------------------- | ----------------------------------------------------------------------------- | -------- |
|
|
5
|
-
| **model-value** | `v-model` <br/> | `boolean` | No |
|
|
6
|
-
| **teleport-selector** | Teleport selector | `string` | No |
|
|
7
|
-
| **before-close** | Function called before modal is close | `TSFunctionType` | No |
|
|
8
|
-
| **persistent** | Persistent dialog (not closable by clicking outside and remove close button) | `boolean` | No |
|
|
9
|
-
| **close-on-escape** | Prevent close on escape key | `boolean` | No |
|
|
10
|
-
| **transition-name** | Transition name | `string` | No |
|
|
11
|
-
| **backdrop-class** | Backdrop class | `Native type` | No |
|
|
12
|
-
| **backdrop-content-class** | Backdrop content class | `Native type` | No |
|
|
13
|
-
| **content-padding** | Add padding to the content | `boolean` | No |
|
|
14
|
-
| **justify** | Justify content | `"center" \| "end" \| "start" \| "space-between" \| "space-around" \| "none"` | No |
|
|
15
|
-
| **align** | Align content | `"center" \| "end" \| "start" \| "none"` | No |
|
|
16
|
-
| **variant** | Variant | `"bottom-sheet" \| "dialog" \| "drawer"` | No |
|
|
17
|
-
| **aria-labelledby** | ID for aria-labelledby | `string` | No |
|
|
18
|
-
| **aria-describedby** | ID for aria-describedby | `string` | No |
|
|
19
|
-
|
|
20
|
-
## Events
|
|
21
|
-
|
|
22
|
-
| Event name | Properties | Description |
|
|
23
|
-
| ------------------ | -------------------------------------------- | ----------------------------------- |
|
|
24
|
-
| open | | Emitted when modal is open |
|
|
25
|
-
| close | | Emitted when modal is close |
|
|
26
|
-
| update:model-value | **value** `boolean` - The value of the model | Emitted when modal is open or close |
|
|
27
|
-
| before-close | | Emitted before modal is close |
|
|
28
|
-
|
|
29
|
-
## Slots
|
|
30
|
-
|
|
31
|
-
| Name | Description | Bindings |
|
|
32
|
-
| ------- | ----------------------- | ------------------------------------- |
|
|
33
|
-
| default | Place your content here | **close** `Function` - close function |
|
|
34
|
-
|
|
35
|
-
## Expose
|
|
36
|
-
|
|
37
|
-
### onBackdropAnimationLeave
|
|
38
|
-
|
|
39
|
-
> Animation leave event <br/>`@description` This is used to handle animation leave events
|
|
40
|
-
|
|
41
|
-
### close
|
|
42
|
-
|
|
43
|
-
> Close the backdrop <br/>`@description` This is used to close the backdrop
|
|
44
|
-
|
|
45
|
-
### present
|
|
46
|
-
|
|
47
|
-
> The present state of the backdrop <br/>`@description` This is used to check if the backdrop is present (open)
|
|
48
|
-
|
|
49
|
-
### toggleModal
|
|
50
|
-
|
|
51
|
-
> Toggle the backdrop <br/>`@description` This is used to toggle the backdrop<br/>`@param` The value to toggle the backdrop (optional)
|
|
52
|
-
|
|
53
|
-
### onKeyPress
|
|
54
|
-
|
|
55
|
-
> Key press event <br/>`@description` This is used to handle key press events
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
## Props
|
|
2
|
-
|
|
3
|
-
| Name | Description | Type | Required | Default | Possible values |
|
|
4
|
-
| ---------------- | -------------------------------------------------------------------------------------------------------------- | --------------------- | -------- | --------- | ---------------------------------------------------------------------------------------------------------------------- |
|
|
5
|
-
| **color** | Color of the badge | `MazBadgeColor` | No | `primary` | `'primary' \| 'secondary' \| 'accent' \| 'info' \| 'success' \| 'warning' \| 'destructive' \| 'contrast' \| 'surface'` |
|
|
6
|
-
| **size** | Size of the badge — drives font-size; padding, line-height and dimensions scale relative to it via `em` units. | `MazBadgeSize` | No | `md` | `'mini' \| 'xs' \| 'sm' \| 'md' \| 'lg' \| 'xl'` |
|
|
7
|
-
| **nowrap** | Will not wrap the text | `boolean` | No | `false` | - |
|
|
8
|
-
| **outlined** | Will add a border to the badge | `boolean` | No | `false` | - |
|
|
9
|
-
| **pastel** | Will add a pastel style to the badge | `boolean` | No | `false` | - |
|
|
10
|
-
| **rounded-size** | Size radius of the component's border | `MazBadgeRoundedSize` | No | `md` | `'none' \| 'sm' \| 'md' \| 'lg' \| 'xl' \| 'full'` |
|
|
11
|
-
|
|
12
|
-
## Slots
|
|
13
|
-
|
|
14
|
-
| Name | Description | Bindings |
|
|
15
|
-
| ------- | ------------- | -------- |
|
|
16
|
-
| default | Badge content | |
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
## Events
|
|
2
|
-
|
|
3
|
-
| Event name | Properties | Description |
|
|
4
|
-
| ------------------ | ---------- | --------------------------------------- |
|
|
5
|
-
| update:model-value | | Emitted when the model value is updated |
|
|
6
|
-
| open | | Emitted when the component is opened |
|
|
7
|
-
| close | | Emitted when the component is closed |
|
|
8
|
-
|
|
9
|
-
## Slots
|
|
10
|
-
|
|
11
|
-
| Name | Description | Bindings |
|
|
12
|
-
| ------- | -------------------------------------------------------------------------- | ------------------------------------- |
|
|
13
|
-
| handle | Drag handle (grab bar) displayed at the top when `swipeToClose` is enabled | |
|
|
14
|
-
| header | Header slot | **close** `Function` - close function |
|
|
15
|
-
| icon | Icon slot in the header | |
|
|
16
|
-
| title | Title slot in the header | |
|
|
17
|
-
| default | Default content | **close** `Function` - close function |
|
|
18
|
-
| footer | Footer slot | **close** `Function` - close function |
|
|
19
|
-
|
|
20
|
-
## Expose
|
|
21
|
-
|
|
22
|
-
### close
|
|
23
|
-
|
|
24
|
-
> Close the bottom sheet <br/>`@description` This is used to close the bottom sheet
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
## Props
|
|
2
|
-
|
|
3
|
-
| Name | Description | Type | Required | Default | Possible values |
|
|
4
|
-
| ---------------- | ------------------------------------------------------------------------ | ------------------------ | -------- | ----------- | --------------- |
|
|
5
|
-
| **items** | The items for the button group (optional when using slot-based approach) | `MazButtonGroupOption[]` | No | `undefined` | - |
|
|
6
|
-
| **orientation** | The orientation of the button group | `"row" \| "col"` | No | `row` | `row' \| 'col` |
|
|
7
|
-
| **size** | The size of all buttons (only applies to props-based buttons) | `MazSize` | No | `md` | - |
|
|
8
|
-
| **color** | The color of all buttons (only applies to props-based buttons) | `MazColor` | No | `primary` | - |
|
|
9
|
-
| **rounded-size** | The rounded size of the buttons | `Native type` | No | `lg` | - |
|
|
10
|
-
| **outlined** | The outlined state of the buttons | `boolean` | No | `false` | - |
|
|
11
|
-
| **pastel** | The pastel state of the buttons | `boolean` | No | `false` | - |
|
|
12
|
-
| **loading** | The loading state of the buttons | `boolean` | No | `false` | - |
|
|
13
|
-
| **disabled** | The disabled state of the buttons | `boolean` | No | `false` | - |
|
|
14
|
-
|
|
15
|
-
## Slots
|
|
16
|
-
|
|
17
|
-
| Name | Description | Bindings |
|
|
18
|
-
| -------------- | ------------------------------------------- | ------------------------------------------------------------------------------------------------ |
|
|
19
|
-
| button-[index] | Custom content for a specific button | <br/>**item** `MazButtonGroupOption` - The button item<br/>**index** `number` - The button index |
|
|
20
|
-
| default | Slot for passing MazBtn components directly | |
|
|
@@ -1,33 +0,0 @@
|
|
|
1
|
-
## Props
|
|
2
|
-
|
|
3
|
-
| Name | Description | Type | Required | Default | Possible values |
|
|
4
|
-
| ------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------- | -------- | ----------- | --------------------------------------------------------------------------------------------------------------------------------------- |
|
|
5
|
-
| **text** | The text of the button, if not provided, the slot will be used | `string` | No | `undefined` | - |
|
|
6
|
-
| **size** | Predifined sizes of the button | `MazSize` | No | `undefined` | `'xl' \| 'lg' \| 'md' \| 'sm' \| 'xs' \| 'mini'` |
|
|
7
|
-
| **color** | The color of the button | `MazColor \| "surface"` | No | `undefined` | `'primary' \| 'secondary' \| 'accent' \| 'info' \| 'success' \| 'warning' \| 'destructive' \| 'contrast' \| 'transparent' \| 'surface'` |
|
|
8
|
-
| **text-color** | The text color of the button | `MazColor \| "muted"` | No | `undefined` | `primary' \| 'secondary' \| 'accent' \| 'info' \| 'success' \| 'warning' \| 'destructive' \| 'contrast' \| 'transparent' \| 'muted'` |
|
|
9
|
-
| **type** | The type of the button | `"submit" \| "reset" \| "button"` | No | `undefined` | `'submit' \| 'reset' \| 'button'` |
|
|
10
|
-
| **rounded-size** | Size of the rounded | `MazRoundedSize` | No | `md` | `'none' \| 'sm' \| 'md' \| 'lg' \| 'xl' \| 'full'` |
|
|
11
|
-
| **outlined** | If true, the button have the "border" style | `boolean` | No | `false` | - |
|
|
12
|
-
| **pastel** | If true, the button will have a pastel color | `boolean` | No | `false` | - |
|
|
13
|
-
| **block** | If true, the button will have a full width | `boolean` | No | `false` | - |
|
|
14
|
-
| **loading** | Enable the button loader | `boolean` | No | `false` | - |
|
|
15
|
-
| **disabled** | Disable the button | `boolean` | No | `false` | - |
|
|
16
|
-
| **fab** | If true, the button will have a fab style | `boolean` | No | `false` | - |
|
|
17
|
-
| **icon** | The icon to display in the fab variant. Accepts a bare value (Vue component, raw SVG string, URL or `data:` URI) for the common case, or a full `MazIconProps` object for fine-grained control (size, title, svgAttributes, fallback, flipIconForRtl, …). | `MazIconLike` | No | `undefined` | - |
|
|
18
|
-
| **start-icon** | The icon to display on the inline-start edge (left in LTR, right in RTL). Accepts a bare value or a full `MazIconProps` object. | `MazIconLike` | No | `undefined` | - |
|
|
19
|
-
| **end-icon** | The icon to display on the inline-end edge (right in LTR, left in RTL). Accepts a bare value or a full `MazIconProps` object. | `MazIconLike` | No | `undefined` | - |
|
|
20
|
-
| **padding** | If true, the button will have no padding | `boolean` | No | `true` | - |
|
|
21
|
-
| **justify** | Choose how the elements are aligned in the button | `"start" \| "end" \| "center" \| "space-between" \| "space-around" \| "space-evenly"` | No | `undefined` | - |
|
|
22
|
-
| **active** | If true, the button will have an active state | `boolean` | No | `false` | - |
|
|
23
|
-
| **overflow-hidden** | If true, the button will have an overflow-hidden style | `boolean` | No | `false` | - |
|
|
24
|
-
|
|
25
|
-
## Slots
|
|
26
|
-
|
|
27
|
-
| Name | Description | Bindings |
|
|
28
|
-
| ---------- | ------------------------------------------------------------------------ | -------- |
|
|
29
|
-
| start-icon | The icon to display on the inline-start edge (left in LTR, right in RTL) | |
|
|
30
|
-
| icon | The icon to display on the fab button | |
|
|
31
|
-
| default | The content of the button | |
|
|
32
|
-
| end-icon | The icon to display on the inline-end edge (right in LTR, left in RTL) | |
|
|
33
|
-
| loader | The loader to display in the button | |
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
## Props
|
|
2
|
-
|
|
3
|
-
| Name | Description | Type | Required | Default |
|
|
4
|
-
| ----------------- | --------------------------------------------------------------------------------------------------------------------------------------------------- | ------------- | -------- | ----------- |
|
|
5
|
-
| **color** | The color of the component. | `MazColor` | No | `primary` |
|
|
6
|
-
| **elevation** | Add elevation to the component | `boolean` | No | `true` |
|
|
7
|
-
| **padding** | Add padding to the content | `boolean` | No | `true` |
|
|
8
|
-
| **content-class** | The classes to apply to the content div | `Native type` | No | `undefined` |
|
|
9
|
-
| **content-style** | Style apply to the content div | `StyleValue` | No | `undefined` |
|
|
10
|
-
| **inner-opacity** | The opacity of the inner div - should be between 0 and 1 When 0 the spotlight is completely visible When 1 the spotlight is only visible on borders | `number` | No | `0.95` |
|
|
11
|
-
|
|
12
|
-
## Slots
|
|
13
|
-
|
|
14
|
-
| Name | Description | Bindings |
|
|
15
|
-
| ------- | ----------- | -------- |
|
|
16
|
-
| default | | |
|
|
@@ -1,39 +0,0 @@
|
|
|
1
|
-
## Props
|
|
2
|
-
|
|
3
|
-
| Name | Description | Type | Required | Default |
|
|
4
|
-
| ------------------- | ----------------------------------------------------------------------------------------------- | -------------------------------------------------------- | -------- | --------------------------------------------------------------------------------------------------------------------------------------------- |
|
|
5
|
-
| **orientation** | Card variant: Must be `column \| row \| row-reverse \| column-reverse` | `"column" \| "row" \| "row-reverse" \| "column-reverse"` | No | `undefined` |
|
|
6
|
-
| **href** | Make card a link (footer area excluded) | `string` | No | `undefined` |
|
|
7
|
-
| **to** | Make card a link with a router-link or nuxt-link (footer area excluded) | `Native type` | No | `undefined` |
|
|
8
|
-
| **href-target** | Target option of link: Muse be one of `_blank \| _self \| _parent \| _top \| framename` | `"_blank" \| "_self" \| "_parent" \| "_top" \| string` | No | `undefined` |
|
|
9
|
-
| **footer-align** | Footer text alignment along the inline axis: `start \| end` (`end` = right in LTR, left in RTL) | `"start" \| "end"` | No | `undefined` |
|
|
10
|
-
| **gallery** | Images gallery props options (see `MazGallery` component) | `MazGalleryProps` | No | `` { displayedCount: 3, remaining: false, zoom: !href && !to, width: 200, height: 150 }` If `href` or `to` is set, `zoom` is set to `false `` |
|
|
11
|
-
| **scale** | scale animation on hover (only linked cards) | `boolean` | No | `undefined` |
|
|
12
|
-
| **elevation** | Set elevation to card (box-shadow) | `boolean` | No | `undefined` |
|
|
13
|
-
| **radius** | Set radius to card | `boolean` | No | `undefined` |
|
|
14
|
-
| **bordered** | Set border to card (in dark mode, the card is always bordered) | `boolean` | No | `undefined` |
|
|
15
|
-
| **wrapper-class** | add classes to wrapper | `Native type` | No | `undefined` |
|
|
16
|
-
| **padding** | Remove padding from content wrapper | `boolean` | No | `undefined` |
|
|
17
|
-
| **overflow-hidden** | Hide overflow | `boolean` | No | `undefined` |
|
|
18
|
-
| **collapsible** | Make card collapsible | `boolean` | No | `undefined` |
|
|
19
|
-
| **collapse-open** | `v-model:collapse-open` <br/>Card is open by default if `true` | `boolean` | No | `undefined` |
|
|
20
|
-
| **title** | Title of the card in header | `string` | No | `undefined` |
|
|
21
|
-
| **block** | The card will be displayed in full width | `boolean` | No | `undefined` |
|
|
22
|
-
|
|
23
|
-
## Events
|
|
24
|
-
|
|
25
|
-
| Event name | Properties | Description |
|
|
26
|
-
| ------------------- | ---------- | ----------------------------- |
|
|
27
|
-
| update:collapseOpen | | Update the collapseOpen model |
|
|
28
|
-
|
|
29
|
-
## Slots
|
|
30
|
-
|
|
31
|
-
| Name | Description | Bindings |
|
|
32
|
-
| ---------------- | --------------------------------------------------------------- | --------------------------------------------------------------- |
|
|
33
|
-
| title | The title of the card | |
|
|
34
|
-
| content-title | The title of the card | **collapse-open** `mixed` - The collapse open state of the card |
|
|
35
|
-
| content-subtitle | The subtitle of the card | |
|
|
36
|
-
| content-body | The body of the card | |
|
|
37
|
-
| default | The content of the card | **collapse-open** `mixed` - The collapse open state of the card |
|
|
38
|
-
| footer | The footer of the card | |
|
|
39
|
-
| actions | The actions of the image gallery (only if gallery is displayed) | |
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
## Props
|
|
2
|
-
|
|
3
|
-
| Name | Description | Type | Required | Default |
|
|
4
|
-
| ----------------------- | ---------------------------------- | -------------------------------------------------------- | -------- | ---------------------------------------- |
|
|
5
|
-
| **hide-scroll-buttons** | Hide display the scroll buttons | `boolean` | No | `false` |
|
|
6
|
-
| **translations** | Translations of the carousel | `DeepPartial<MazUiTranslationsNestedSchema['carousel']>` | No | `Translations from @maz-ui/translations` |
|
|
7
|
-
| **hide-scrollbar** | Hide the scrollbar when not active | `boolean` | No | `false` |
|
|
8
|
-
| **title** | The title of the carousel | `string` | No | `undefined` |
|
|
9
|
-
|
|
10
|
-
## Slots
|
|
11
|
-
|
|
12
|
-
| Name | Description | Bindings |
|
|
13
|
-
| ------------- | ----------- | -------- |
|
|
14
|
-
| title | | |
|
|
15
|
-
| previous-icon | | |
|
|
16
|
-
| next-icon | | |
|
|
17
|
-
| default | | |
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
## Props
|
|
2
|
-
|
|
3
|
-
| Name | Description | Type | Required | Default | Possible values |
|
|
4
|
-
| ------------------ | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------- | -------- | ----------- | --------------------------------------------------------------------------- |
|
|
5
|
-
| **type** | Type of the chart | `T` | Yes | `undefined` | `bar', 'line', 'scatter', 'bubble', 'pie', 'doughnut', 'polarArea', 'radar` |
|
|
6
|
-
| **data** | Data of the chart | `ChartData` | Yes | `undefined` | - |
|
|
7
|
-
| **options** | Options of the chart | `ChartOptions` | No | `{}` | - |
|
|
8
|
-
| **plugins** | Plugins of the chart | `Plugin[]` | No | `undefined` | - |
|
|
9
|
-
| **dataset-id-key** | Dataset ID key | `string` | No | `undefined` | - |
|
|
10
|
-
| **update-mode** | Update mode used when `data` or `options` change after the initial render. Defaults to `'none'` to skip animations on updates (the initial render still animates per the chart's `options`). | `UpdateMode` | No | `none` | `resize', 'reset', 'none', 'hide', 'show', 'default', 'active` |
|
|
@@ -1,33 +0,0 @@
|
|
|
1
|
-
## Props
|
|
2
|
-
|
|
3
|
-
| Name | Description | Type | Required |
|
|
4
|
-
| --------------- | -------------------------------------------- | ------------------ | -------- |
|
|
5
|
-
| **style** | Style attribut of the component root element | `Native type` | No |
|
|
6
|
-
| **class** | Class attribut of the component root element | `Native type` | No |
|
|
7
|
-
| **model-value** | The model value of the checkbox | `T` | No |
|
|
8
|
-
| **id** | The id of the checkbox | `string` | No |
|
|
9
|
-
| **color** | The color of the checkbox | `MazColor` | No |
|
|
10
|
-
| **value** | The value of the checkbox when selected | `MazCheckboxValue` | No |
|
|
11
|
-
| **name** | The name of the checkbox | `string` | No |
|
|
12
|
-
| **size** | The size of the checkbox | `MazSize` | No |
|
|
13
|
-
| **label** | Text label | `string` | No |
|
|
14
|
-
| **disabled** | If the checkbox is disabled | `boolean` | No |
|
|
15
|
-
| **error** | Whether there is an error with the input. | `boolean` | No |
|
|
16
|
-
| **success** | Whether the input is successful. | `boolean` | No |
|
|
17
|
-
| **warning** | Whether there is a warning with the input. | `boolean` | No |
|
|
18
|
-
| **hint** | The hint text to display below the input. | `string` | No |
|
|
19
|
-
|
|
20
|
-
## Events
|
|
21
|
-
|
|
22
|
-
| Event name | Properties | Description |
|
|
23
|
-
| ------------------ | ---------------------------------------- | ------------------------------------ |
|
|
24
|
-
| update:model-value | **value** `mixed` - The new value | Emitted when the model value change |
|
|
25
|
-
| change | **value** `mixed` - The new value | Emitted when the model value change |
|
|
26
|
-
| blur | **value** `FocusEvent` - The focus event | Emitted when the checkbox lost focus |
|
|
27
|
-
| focus | **value** `FocusEvent` - The focus event | Emitted when the checkbox is focused |
|
|
28
|
-
|
|
29
|
-
## Slots
|
|
30
|
-
|
|
31
|
-
| Name | Description | Bindings |
|
|
32
|
-
| ------- | ----------- | -------- |
|
|
33
|
-
| default | | |
|
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
## Props
|
|
2
|
-
|
|
3
|
-
| Name | Description | Type | Required | Default |
|
|
4
|
-
| ------------------- | ----------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------- | -------- | ----------------------------------------------------- |
|
|
5
|
-
| **model-value** | The model value of the checklist (selected items) | `(T extends unknown)[]` | No | `undefined` |
|
|
6
|
-
| **query** | The query to filter the items (model) | `string` | No | `undefined` |
|
|
7
|
-
| **items** | The list of items to display | `(O extends MazChecklistItemOption)[]` | No | `undefined` |
|
|
8
|
-
| **title** | The title of the checklist | `string` | No | `undefined` |
|
|
9
|
-
| **elevation** | Add elevation to the card | `boolean` | No | `false` |
|
|
10
|
-
| **search** | The search input options | `boolean \| MazInputProps` | No | `{ enabled: false, debounce: 300, autoFocus: false }` |
|
|
11
|
-
| **search-options** | The options to normalize the search query (used by the default search function) By default, the threshold is 0.75 | `intersection` | No | `undefined` |
|
|
12
|
-
| **search-function** | Replace the default search function to provide a custom search function | `TSFunctionType` | No | `undefined` |
|
|
13
|
-
| **color** | The color of the checklist (card, checkbox and search input) | `MazColor` | No | `primary` |
|
|
14
|
-
| **translations** | Translations of the checklist component | `DeepPartial<MazUiTranslationsNestedSchema['checklist']>` | No | `Translations from @maz-ui/translations` |
|
|
15
|
-
|
|
16
|
-
## Events
|
|
17
|
-
|
|
18
|
-
| Event name | Properties | Description |
|
|
19
|
-
| ------------------ | --------------------------------- | ----------------------------------- |
|
|
20
|
-
| update:query | **value** `mixed` - The new query | Emitted when the query change |
|
|
21
|
-
| update:model-value | **value** `mixed` - The new value | Emitted when the model value change |
|
|
22
|
-
|
|
23
|
-
## Slots
|
|
24
|
-
|
|
25
|
-
| Name | Description | Bindings |
|
|
26
|
-
| --------------- | ------------------------------------------------- | -------- |
|
|
27
|
-
| title | use this slot to customize the title | |
|
|
28
|
-
| no-results | use this slot to customize the no results area | |
|
|
29
|
-
| no-results-text | use this slot to customize the no results message | |
|
|
30
|
-
| item | use this slot to customize the item | <br/> |
|
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
## Props
|
|
2
|
-
|
|
3
|
-
| Name | Description | Type | Required | Default | Possible values |
|
|
4
|
-
| ---------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------- | -------- | -------------------------------------------- | ------------------------------------ |
|
|
5
|
-
| **percentage** | The percentage value of the progress bar | `number` | Yes | `undefined` | - |
|
|
6
|
-
| **size** | The size of the progress bar | `MazSizeUnit` | No | `10em' (equal 80px for a font-size of 16px)` | - |
|
|
7
|
-
| **duration** | Duration of the animation in milliseconds | `number` | No | `1000` | - |
|
|
8
|
-
| **delay** | Delay before the animation starts in milliseconds | `number` | No | `100` | - |
|
|
9
|
-
| **color** | The color of the progress bar | `MazColor` | No | `undefined` | - |
|
|
10
|
-
| **auto-color** | Auto color based on the count (destructive, warning, success) | `boolean` | No | `false` | - |
|
|
11
|
-
| **prefix** | Suffix to display next to the number | `string` | No | `undefined` | - |
|
|
12
|
-
| **suffix** | Suffix to display next to the number | `string` | No | `undefined` | - |
|
|
13
|
-
| **stroke-linecap** | The stroke-linecap style | `Native type` | No | `round` | `butt', 'round', 'square', 'inherit` |
|
|
14
|
-
| **stroke-width** | The stroke width | `Native type` | No | `6` | - |
|
|
15
|
-
| **stroke** | The stroke color Use this prop to override the gradient color You can use a color name or a color code | `Native type` | No | `undefined` | - |
|
|
16
|
-
| **success-percentage** | **The percentage value of the success level** <br/> <br/>The progress circle will be filled with the success color when the percentage is greater than or equal to this value<br/> | `number` | No | `100` | - |
|
|
17
|
-
| **warning-percentage** | **The percentage value of the warning level** <br/> <br/>The progress circle will be filled with the warning color when the percentage is greater than or equal to this value<br/> | `number` | No | `50` | - |
|
|
18
|
-
| **danger-percentage** | **The percentage value of the danger level** <br/> <br/>The progress circle will be filled with the danger color when the percentage is greater than or equal to this value<br/> | `number` | No | `25` | - |
|
|
19
|
-
| **once** | Play the animation only once | `boolean` | No | `true` | - |
|
|
20
|
-
|
|
21
|
-
## Slots
|
|
22
|
-
|
|
23
|
-
| Name | Description | Bindings |
|
|
24
|
-
| ------- | -------------------------------------------------------- | -------- |
|
|
25
|
-
| default | Default slot - Replace the percaentage value | |
|
|
26
|
-
| prefix | Prefix slot - Add a prefix next to the number (e.g: "$") | |
|
|
27
|
-
| suffix | Suffix slot - Add a suffix next to the number (e.g: "%") | |
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
## Props
|
|
2
|
-
|
|
3
|
-
| Name | Description | Type | Required | Default |
|
|
4
|
-
| ---------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------- | -------- | ----------- |
|
|
5
|
-
| **code** | Source code to highlight | `string` | No | `undefined` |
|
|
6
|
-
| **language** | Language identifier for syntax highlighting (e.g. 'vue', 'ts', 'bash') | `string` | No | `undefined` |
|
|
7
|
-
| **theme** | Override the shiki theme name. Defaults to github-light/github-dark based on current color mode | `string` | No | `undefined` |
|
|
8
|
-
| **rounded** | Apply rounded corners on the highlighted code block. | `boolean` | No | `true` |
|
|
9
|
-
| **copyable** | Show the copy-to-clipboard button on hover. | `boolean` | No | `true` |
|
|
10
|
-
| **copy-value** | Value copied to the clipboard. Falls back to the resolved code when omitted. Useful when the displayed code differs from what should be copied (e.g. terminal prompt prefix). | `string` | No | `undefined` |
|
|
11
|
-
| **translations** | Custom translations for the component. Override either key independently. | `Partial<MazUiTranslationsNestedSchema['codeHighlight']>` | No | `undefined` |
|