shadcn-vue/apps/www/src/public/registry/styles/default/card.json
zernonia 77c6a16040
feat: Charts (#166)
* chore: update unovis deps

* chore: update color to use the themePrimary

* docs: use gradient for overview component

* docs: add themePopover to MainLayout

* docs: enable global theme on every page

* feat: introduce area, line, bar, donut chart

* feat: add more props

* fix: revert old pipeline

* fix: patch @unovis/vue deps

* fix: patch @unovis/vue deps again

* chore: revert unovis/ts to 1.2.1

* chore: wip

* docs: add alpha tag, fix tooltipo styling

* docs: add charts installations step

* feat: use generic, add better color

* chore: build registry

* feat: improve generic props

* chore: build registry

* docs: add alpha label

* fix: collapsible not open correctly

* docs: add badge to mobile nav

* chore: better types

* chore: run registry

* chore: wip

* fix: crosshair issue

* chore: fix type, import missing error

* chore: build registry

* chore: arrange interface, expose margin, slot

* chore: build registry

* docs: guide page
feat: add prop to barchart

* chore: fix pnpm-lock

* chore: add feature

* chore: run build registry

* refactor: change color var

* feat: codegen

* chore: add meta tables

* feat: add line, area example

* feat: bar and donut examples

* docs: codege

* chore: build registry

* docs: improve chart doc

* chore: fix missing icon package
2024-05-01 11:34:58 +08:00

39 lines
2.8 KiB
JSON

{
"name": "card",
"dependencies": [],
"registryDependencies": [
"utils"
],
"files": [
{
"name": "Card.vue",
"content": "<script setup lang=\"ts\">\nimport type { HTMLAttributes } from 'vue'\nimport { cn } from '@/lib/utils'\n\nconst props = defineProps<{\n class?: HTMLAttributes['class']\n}>()\n</script>\n\n<template>\n <div\n :class=\"\n cn(\n 'rounded-lg border bg-card text-card-foreground shadow-sm',\n props.class,\n )\n \"\n >\n <slot />\n </div>\n</template>\n"
},
{
"name": "CardContent.vue",
"content": "<script setup lang=\"ts\">\nimport type { HTMLAttributes } from 'vue'\nimport { cn } from '@/lib/utils'\n\nconst props = defineProps<{\n class?: HTMLAttributes['class']\n}>()\n</script>\n\n<template>\n <div :class=\"cn('p-6 pt-0', props.class)\">\n <slot />\n </div>\n</template>\n"
},
{
"name": "CardDescription.vue",
"content": "<script setup lang=\"ts\">\nimport type { HTMLAttributes } from 'vue'\nimport { cn } from '@/lib/utils'\n\nconst props = defineProps<{\n class?: HTMLAttributes['class']\n}>()\n</script>\n\n<template>\n <p :class=\"cn('text-sm text-muted-foreground', props.class)\">\n <slot />\n </p>\n</template>\n"
},
{
"name": "CardFooter.vue",
"content": "<script setup lang=\"ts\">\nimport type { HTMLAttributes } from 'vue'\nimport { cn } from '@/lib/utils'\n\nconst props = defineProps<{\n class?: HTMLAttributes['class']\n}>()\n</script>\n\n<template>\n <div :class=\"cn('flex items-center p-6 pt-0', props.class)\">\n <slot />\n </div>\n</template>\n"
},
{
"name": "CardHeader.vue",
"content": "<script setup lang=\"ts\">\nimport type { HTMLAttributes } from 'vue'\nimport { cn } from '@/lib/utils'\n\nconst props = defineProps<{\n class?: HTMLAttributes['class']\n}>()\n</script>\n\n<template>\n <div :class=\"cn('flex flex-col gap-y-1.5 p-6', props.class)\">\n <slot />\n </div>\n</template>\n"
},
{
"name": "CardTitle.vue",
"content": "<script setup lang=\"ts\">\nimport type { HTMLAttributes } from 'vue'\nimport { cn } from '@/lib/utils'\n\nconst props = defineProps<{\n class?: HTMLAttributes['class']\n}>()\n</script>\n\n<template>\n <h3\n :class=\"\n cn('text-2xl font-semibold leading-none tracking-tight', props.class)\n \"\n >\n <slot />\n </h3>\n</template>\n"
},
{
"name": "index.ts",
"content": "export { default as Card } from './Card.vue'\nexport { default as CardHeader } from './CardHeader.vue'\nexport { default as CardTitle } from './CardTitle.vue'\nexport { default as CardDescription } from './CardDescription.vue'\nexport { default as CardContent } from './CardContent.vue'\nexport { default as CardFooter } from './CardFooter.vue'\n"
}
],
"type": "components:ui"
}