Komponent

FFileSelector

Status

Produktionsklar

Filväljare används för att välja filer.

<script>
import { defineComponent } from "vue";
import { FFileSelector } from "@fkui/vue";

export default defineComponent({
    name: "FFileSelectorEnabled",
    components: { FFileSelector },
});
</script>

<template>
    <f-file-selector accept="application/pdf, image/jpeg, image/tiff, image/png">
        Lägg till fil
    </f-file-selector>
</template>

Inaktiv filväljare

<script>
import { defineComponent } from "vue";
import { FFileSelector } from "@fkui/vue";

export default defineComponent({
    name: "FFileSelectorDisabled",
    components: { FFileSelector },
});
</script>

<template>
    <f-file-selector id="dis" accept="image/jpeg, image/tiff" disabled>
        Lägg till fil
    </f-file-selector>
</template>

API

Models

v-model: FileList | null Optional

‐

Default: null

Props

id: string Optional

The id for the input id attribute. The id for the label for attribute. If the prop is not set a random value will be generated.

Default: () => ElementIdService.generateElementId()

disabled: boolean Optional

Disables the file selector.

Default: false

Events

change

Emitted when file changes.

Arguments:

• <anonymous>: FileList

Slots

default

‐