Skip to content

FileDisplay ​

Overview ​

Presents a stored file as a link labelled with the file name, rather than the { "name": ..., "url": ... } object that VUEDA's file and image serializer fields send. A plain string value is read as the file's URL and is also the label. A null, absent, or empty value renders the same dash {@link DateTimeDisplay} uses for an empty date.

Theme entry: FileDisplay

Props ​

NameTypeRequiredDefaultDescription
themeOverrideObjectnullA partial ThemeObject keyed by component name, merged over this component's theme and provided to descendants.
valuestring|objectundefinedThe file to present: a { name, url } object or a URL string. null, undefined, and "" render the dash.
inlinebooleanfalseRenders without a wrapping block, for use inside a table cell or an existing text row.
classimport('vue').HTMLAttributes['class']undefinedAdditional CSS classes applied to the root.

Source ​

client/lib/display/file-display/FileDisplay.vue