FileDisplay

Source: client/lib/theme/vueda-tailwind/display/index.js

Wrapper around the link; unstyled so it inherits the row's text rhythm.

Vue component: FileDisplay

Slot	Default classes	Description
root		Wrapper around the link; unstyled so it inherits the row's text rhythm.
link	text-primary-text underline-offset-4 hover:underline break-all	The file link uses the same inline-text recipe as _ButtonLink: --primary-text with an underline on hover. break-all stops a long file name from widening the row.
name	break-all	A file name that has no URL to link to, shown as plain text.
dash		Empty-value dash slot, matching DateTimeDisplay so the two read the same.

root

Wrapper around the link; unstyled so it inherits the row's text rhythm.

Default classes:

Source: client/lib/theme/vueda-tailwind/display/FileDisplay.theme.js:17

link

The file link uses the same inline-text recipe as _ButtonLink: --primary-text with an underline on hover. break-all stops a long file name from widening the row.

Default classes:

text-primary-text underline-offset-4 hover:underline break-all

Source: client/lib/theme/vueda-tailwind/display/FileDisplay.theme.js:24

name

A file name that has no URL to link to, shown as plain text.

Default classes:

break-all

Source: client/lib/theme/vueda-tailwind/display/FileDisplay.theme.js:28

dash

Empty-value dash slot, matching DateTimeDisplay so the two read the same.

Default classes:

Source: client/lib/theme/vueda-tailwind/display/FileDisplay.theme.js:32