|
44 | 44 | public class ComponentDemo extends Div {
|
45 | 45 |
|
46 | 46 | public static final String HEADING_2 = "heading-2";
|
| 47 | + public static final String GAP_04 = "gap-04"; |
| 48 | + public static final String FLEX_VERTICAL = "flex-vertical"; |
47 | 49 | Div title = new Div("Data Manager - Component Demo");
|
48 | 50 |
|
49 | 51 | public ComponentDemo() {
|
@@ -95,7 +97,7 @@ private static Div fontsShowCase() {
|
95 | 97 | Div header = new Div("Body Font Styles");
|
96 | 98 | header.addClassName(HEADING_2);
|
97 | 99 | container.add(header);
|
98 |
| - container.addClassNames("flex-vertical", "gap-04"); |
| 100 | + container.addClassNames(FLEX_VERTICAL, GAP_04); |
99 | 101 |
|
100 | 102 | Arrays.stream(BodyFontStyles.fontStyles).forEach(fontStyle -> {
|
101 | 103 | Div styleHeader = new Div();
|
@@ -133,7 +135,7 @@ private static Div stepperDialogShowCase(List<Step> steps, String dialogTitle) {
|
133 | 135 |
|
134 | 136 | content.add(title);
|
135 | 137 | content.add(showDialog);
|
136 |
| - content.addClassNames("flex-vertical", "gap-04"); |
| 138 | + content.addClassNames(FLEX_VERTICAL, GAP_04); |
137 | 139 |
|
138 | 140 | Div confirmBox = new Div("Click the button and press 'Cancel' or 'Save'");
|
139 | 141 | dialog.registerConfirmAction(() -> {
|
@@ -212,7 +214,7 @@ private static Div dialogShowCase(AppDialog dialog, String dialogType) {
|
212 | 214 | });
|
213 | 215 |
|
214 | 216 | content.add(showDialog, confirmBox);
|
215 |
| - content.addClassNames("flex-vertical", "gap-04"); |
| 217 | + content.addClassNames(FLEX_VERTICAL, GAP_04); |
216 | 218 | return content;
|
217 | 219 | }
|
218 | 220 |
|
|
0 commit comments