WidgetFile
Source: client/lib/theme/vueda-tailwind/widgets/index.js
The root stays transparent so the field shell provides the surface.
Vue component: WidgetFile
| Slot | Default classes | Description |
|---|---|---|
| root | The root stays transparent so the field shell provides the surface. | |
| inner | flex flex-col | The inner column stacks the current file row with any file controls. |
| file | flex flex-wrap justify-between | The file row wraps metadata and actions without forcing horizontal overflow. |
| link | font-semibold text-ellipsis max-w-60 whitespace-nowrap overflow-hidden | The file link is emphasized and truncated to keep long filenames inside the row. |
| buttonGroup | flex gap-4 | The action group spaces file commands as separate controls. |
root
The root stays transparent so the field shell provides the surface.
Source: client/lib/theme/vueda-tailwind/widgets/WidgetFile.theme.js:17
inner
The inner column stacks the current file row with any file controls.
Default classes:
flex flex-col
Source: client/lib/theme/vueda-tailwind/widgets/WidgetFile.theme.js:21
file
The file row wraps metadata and actions without forcing horizontal overflow.
Default classes:
flex flex-wrap justify-between
Source: client/lib/theme/vueda-tailwind/widgets/WidgetFile.theme.js:25
link
The file link is emphasized and truncated to keep long filenames inside the row.
Default classes:
font-semibold text-ellipsis max-w-60 whitespace-nowrap overflow-hidden
Source: client/lib/theme/vueda-tailwind/widgets/WidgetFile.theme.js:29
buttonGroup
The action group spaces file commands as separate controls.
Default classes:
flex gap-4
Source: client/lib/theme/vueda-tailwind/widgets/WidgetFile.theme.js:33