@redseed/redseed-ui-vue3 6.2.1 → 6.2.2

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.
@@ -299,6 +299,33 @@ Card components provide containers for displaying content in organized, visually
299
299
  </template>
300
300
  ```
301
301
 
302
+ ### Card with Meta Information
303
+ ```vue
304
+ <template>
305
+ <Card>
306
+ Card content
307
+
308
+ <template #meta>
309
+ <MetaInfo>
310
+ <template #label>
311
+ Date
312
+ </template>
313
+
314
+ 01 Jan 2025
315
+ </MetaInfo>
316
+
317
+ <MetaInfo>
318
+ <template #label>
319
+ Author
320
+ </template>
321
+
322
+ John Doe
323
+ </MetaInfo>
324
+ </template>
325
+ </Card>
326
+ </template>
327
+ ```
328
+
302
329
  ## Accessibility
303
330
 
304
331
  - All cards include proper semantic HTML structure
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@redseed/redseed-ui-vue3",
3
- "version": "6.2.1",
3
+ "version": "6.2.2",
4
4
  "description": "RedSeed UI Vue 3 components",
5
5
  "main": "index.js",
6
6
  "repository": "https://github.com/redseedtraining/redseed-ui",
@@ -110,7 +110,7 @@ function onClick() {
110
110
  }
111
111
 
112
112
  &__meta {
113
- @apply grid grid-cols-1 sm:grid-cols-2 gap-x-6 gap-y-2;
113
+ @apply grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 2xl:grid-cols-5 3xl:grid-cols-6 gap-x-6 gap-y-2;
114
114
  }
115
115
  }
116
116
  </style>