32d7b9ca4a
* chore: initial poc * chore: cleanup, log on the docs * feat: add file component * feat: typing for nested config * feat: more props for form field * feat: export field component, expose more slotprops * feat: array, config label * feat: improve array * feat: support custom form state * chore: prevent schema props showing on attribute * feat: dependencies rendering * refactor: change name to fieldName to allow easier slotProps binding * feat: improve file upload * feat: expose custom auto form slot * chore: bump * chore: replicate to default styling * chore: build registry * fix: export component before init * chore: add examples * chore: add form api example * fix: warning in console * chore: bump package version * chore: update example, complete md * feat: allow zod description as label, allow custom component * docs: fix link * feat: show required field for object * chore: replace enumProps
27 lines
494 B
Vue
27 lines
494 B
Vue
<script setup lang="ts">
|
|
import {
|
|
Alert,
|
|
AlertDescription,
|
|
AlertTitle,
|
|
} from '@/lib/registry/default/ui/alert'
|
|
|
|
interface CalloutProps {
|
|
icon?: string
|
|
title?: string
|
|
}
|
|
|
|
defineProps<CalloutProps>()
|
|
</script>
|
|
|
|
<template>
|
|
<Alert class="not-docs">
|
|
<span v-if="icon" class="mr-4 text-2xl">{{ icon }}</span>
|
|
<AlertTitle v-if="title">
|
|
{{ title }}
|
|
</AlertTitle>
|
|
<AlertDescription class="[&_a]:underline">
|
|
<slot />
|
|
</AlertDescription>
|
|
</Alert>
|
|
</template>
|