WidgetTemplateLegend
Source: client/lib/theme/vueda-tailwind/widgets/index.js
The root stays unstyled so the legend can be embedded beside any template widget.
Vue component: WidgetTemplateLegend
| Slot | Default classes | Description |
|---|---|---|
| root | The root stays unstyled so the legend can be embedded beside any template widget. | |
| inner | flex flex-col gap-2 | The inner column spaces placeholder entries evenly. |
| listItem | flex flex-col sm:flex-row items-baseline px-2 sm:px-4 | Each legend item stacks on small screens and becomes a baseline row on wider screens. |
root
The root stays unstyled so the legend can be embedded beside any template widget.
Source: client/lib/theme/vueda-tailwind/widgets/WidgetTemplateLegend.theme.js:17
inner
The inner column spaces placeholder entries evenly.
Default classes:
flex flex-col gap-2
Source: client/lib/theme/vueda-tailwind/widgets/WidgetTemplateLegend.theme.js:21
listItem
Each legend item stacks on small screens and becomes a baseline row on wider screens.
Default classes:
flex flex-col sm:flex-row items-baseline px-2 sm:px-4
Source: client/lib/theme/vueda-tailwind/widgets/WidgetTemplateLegend.theme.js:25