libs/omorphia/docs/components/drop-area.md

# Drop Area
<script setup>
import { ref } from "vue";

const files = ref([])
</script>

<DemoContainer>
<DropArea accept="*" @change="files">
    <InfoIcon /> Click to choose a file or drag one onto this page
</DropArea>
</DemoContainer>

```vue
<InfoIcon /> Click to choose a file or drag one onto this page
<DropArea accept="*" />
```
Final few components 2023-03-14 14:22:50 -07:00			`# Drop Area`
MOD-349 Contextual Uploads for MD Editor (#119) * Migrate DropArea to composition * remove hardcoded button styling * let markdown editor call for image upload * allow for local testing in the docs * validate url on set * add chips to modal with correct defaults * update docs to show example url doesn't load * Bump version 0.6.4 2023-10-26 14:34:15 -07:00			`<script setup>`
			`import { ref } from "vue";`

			`const files = ref([])`
			`</script>`
Final few components 2023-03-14 14:22:50 -07:00
			`<DemoContainer>`
MOD-349 Contextual Uploads for MD Editor (#119) * Migrate DropArea to composition * remove hardcoded button styling * let markdown editor call for image upload * allow for local testing in the docs * validate url on set * add chips to modal with correct defaults * update docs to show example url doesn't load * Bump version 0.6.4 2023-10-26 14:34:15 -07:00			`<DropArea accept="*" @change="files">`
			`<InfoIcon /> Click to choose a file or drag one onto this page`
			`</DropArea>`
Final few components 2023-03-14 14:22:50 -07:00			`</DemoContainer>`

			```vue
			`<InfoIcon /> Click to choose a file or drag one onto this page`
			`<DropArea accept="*" />`
			```