@codeandfunction/callaloo 4.7.0 → 4.7.1
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 +59 -4
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -13,19 +13,19 @@ Callaloo is a Vue UI library. It is easy to integrate into any Vue3+ project, ha
|
|
|
13
13
|
|
|
14
14
|
## Installation
|
|
15
15
|
|
|
16
|
-
```
|
|
16
|
+
```bash
|
|
17
17
|
pnpm add @codeandfunction/callaloo
|
|
18
18
|
```
|
|
19
19
|
|
|
20
20
|
**or**
|
|
21
21
|
|
|
22
|
-
```
|
|
22
|
+
```bash
|
|
23
23
|
npm install @codeandfunction/callaloo
|
|
24
24
|
```
|
|
25
25
|
|
|
26
26
|
**or**
|
|
27
27
|
|
|
28
|
-
```
|
|
28
|
+
```bash
|
|
29
29
|
yarn add @codeandfunction/callaloo
|
|
30
30
|
```
|
|
31
31
|
|
|
@@ -33,7 +33,7 @@ yarn add @codeandfunction/callaloo
|
|
|
33
33
|
|
|
34
34
|
The following example demonstrates how to use a Callaloo component in your Vue project.
|
|
35
35
|
|
|
36
|
-
```
|
|
36
|
+
```vue
|
|
37
37
|
<script setup lang="ts">
|
|
38
38
|
import CLThemeProvider from '@codeandfunction/callaloo/CLThemeProvider';
|
|
39
39
|
import CLButton from '@codeandfunction/callaloo/CLButton';
|
|
@@ -53,6 +53,61 @@ const onClickHandler = (evt?: Event) => {
|
|
|
53
53
|
</template>
|
|
54
54
|
```
|
|
55
55
|
|
|
56
|
+
## Available components
|
|
57
|
+
|
|
58
|
+
Callaloo ships a growing set of production-ready Vue 3 components and composables. Core building blocks include:
|
|
59
|
+
|
|
60
|
+
- **Providers**
|
|
61
|
+
- [`CLThemeProvider`](https://callaloo.dev/docs/getting-started/theming) – application-level theming and design tokens
|
|
62
|
+
- [`CLToastProvider`](https://callaloo.dev/docs/providers/toast-provider) – toast notification provider
|
|
63
|
+
|
|
64
|
+
- **Layout & containers**
|
|
65
|
+
- [`CLCard`](https://callaloo.dev/docs/components/card)
|
|
66
|
+
- [`CLDrawer`](https://callaloo.dev/docs/components/drawer)
|
|
67
|
+
- [`CLCarousel`](https://callaloo.dev/docs/components/carousel)
|
|
68
|
+
- [`CLDisclosure`](https://callaloo.dev/docs/components/disclosure)
|
|
69
|
+
- [`CLTable`](https://callaloo.dev/docs/components/table) (with `CLTableHeader`, `CLTableBody`, `CLTableRow`, `CLTableCell`, `CLTableFooter`, `CLTableNestedCell`)
|
|
70
|
+
- [`CLModal`](https://callaloo.dev/docs/components/modal)
|
|
71
|
+
|
|
72
|
+
- **Navigation & links**
|
|
73
|
+
- [`CLLink`](https://callaloo.dev/docs/components/link)
|
|
74
|
+
- [`CLNavLink`](https://callaloo.dev/docs/components/navlink)
|
|
75
|
+
- [`CLNavSection`](https://callaloo.dev/docs/components/navsection)
|
|
76
|
+
|
|
77
|
+
- **Buttons & actions**
|
|
78
|
+
- [`CLButton`](https://callaloo.dev/docs/components/button)
|
|
79
|
+
- [`CLA11yButton`](https://callaloo.dev/docs/components/a11ybutton)
|
|
80
|
+
|
|
81
|
+
- **Form inputs**
|
|
82
|
+
- [`CLInput`](https://callaloo.dev/docs/components/input)
|
|
83
|
+
- [`CLCheckbox`](https://callaloo.dev/docs/components/checkbox)
|
|
84
|
+
- [`CLRadioButton`](https://callaloo.dev/docs/components/radio)
|
|
85
|
+
- [`CLSelect`](https://callaloo.dev/docs/components/select)
|
|
86
|
+
- [`CLTextArea`](https://callaloo.dev/docs/components/textarea)
|
|
87
|
+
|
|
88
|
+
- **Typography & content**
|
|
89
|
+
- [`CLHeading`](https://callaloo.dev/docs/components/heading)
|
|
90
|
+
- [`CLText`](https://callaloo.dev/docs/components/text)
|
|
91
|
+
|
|
92
|
+
- **Feedback, status & overlays**
|
|
93
|
+
- [`CLBadge`](https://callaloo.dev/docs/components/badge)
|
|
94
|
+
- [`CLBanner`](https://callaloo.dev/docs/components/banner)
|
|
95
|
+
- [`CLPill`](https://callaloo.dev/docs/components/pill)
|
|
96
|
+
- [`CLProgress`](https://callaloo.dev/docs/components/progress)
|
|
97
|
+
- [`CLSpinner`](https://callaloo.dev/docs/components/spinner)
|
|
98
|
+
- [`CLSkeleton`](https://callaloo.dev/docs/components/skeleton)
|
|
99
|
+
- [`CLToast`](https://callaloo.dev/docs/components/toast)
|
|
100
|
+
- [`CLDropdownMenu`](https://callaloo.dev/docs/components/dropdown)
|
|
101
|
+
|
|
102
|
+
- **Icons**
|
|
103
|
+
- [`CLIcon`](https://callaloo.dev/docs/components/icon) and the full Callaloo icon set
|
|
104
|
+
|
|
105
|
+
- **Composables**
|
|
106
|
+
- [`useTheme`](https://callaloo.dev/docs/getting-started/theming) – access and control theme state
|
|
107
|
+
- [`useToast`](https://callaloo.dev/docs/providers/toast-provider) – trigger toasts from anywhere in your app
|
|
108
|
+
|
|
109
|
+
For detailed usage, props, and examples for each component, see `https://callaloo.dev/docs/components/`.
|
|
110
|
+
|
|
56
111
|
## Themes
|
|
57
112
|
|
|
58
113
|
To learn more about how to theme components, have a look at the [docs](https://callaloo.dev/).
|