From 2d418ce24c2f62d68bb950574fd8f0782f18eeed Mon Sep 17 00:00:00 2001 From: Eduard Chitoraga Date: Thu, 21 Nov 2019 17:51:50 +0200 Subject: [PATCH] Updating Fieldset UiComponent documentation (#6045) * Adding the Fieldset UiComponent additional information * Updating the example * Minor adjustments * Update ui-fieldset.md --- .../ui_comps/fieldset-component-result.png | Bin 0 -> 7860 bytes .../ui_comp_guide/components/ui-fieldset.md | 40 ++++++++++++++++++ 2 files changed, 40 insertions(+) create mode 100644 common/images/ui_comps/fieldset-component-result.png diff --git a/common/images/ui_comps/fieldset-component-result.png b/common/images/ui_comps/fieldset-component-result.png new file mode 100644 index 0000000000000000000000000000000000000000..611aa51cf08045639959e9a2b040fb4163bbd0dd GIT binary patch literal 7860 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 N +
+ + + +
+ + + Information + true + true + + + + + + My Field + true + text + input + + + +
+
+ +``` + +#### Result + +![Checkbox UiComponent]({{ site.baseurl }}/common/images/ui_comps/fieldset-component-result.png) + ## Source files Extends [`uiCollection`]({{ page.baseurl }}/ui_comp_guide/concepts/ui_comp_uicollection_concept.html) and `collapsible`: