diff --git a/Documentation/Blazorise.Docs.Server/wwwroot/img/news/130/v132.png b/Documentation/Blazorise.Docs.Server/wwwroot/img/news/130/v132.png new file mode 100644 index 0000000000..dceb8ce78a Binary files /dev/null and b/Documentation/Blazorise.Docs.Server/wwwroot/img/news/130/v132.png differ diff --git a/Documentation/Blazorise.Docs/Components/PageHeader.razor b/Documentation/Blazorise.Docs/Components/PageHeader.razor index 20ab111e08..ebbe265209 100644 --- a/Documentation/Blazorise.Docs/Components/PageHeader.razor +++ b/Documentation/Blazorise.Docs/Components/PageHeader.razor @@ -1,9 +1,9 @@
-<TextEdit MaskType="MaskType.RegEx" EditMask="^[a-zA-Z ]*$" /> +<Fields> + <Field ColumnSize="ColumnSize.Is6.OnDesktop.Is12.OnMobile"> + <FieldLabel> + Text only + </FieldLabel> + <FieldBody> + <TextEdit MaskType="MaskType.RegEx" EditMask="^[a-zA-Z ]*$" /> + </FieldBody> + </Field> + <Field ColumnSize="ColumnSize.Is6.OnDesktop.Is12.OnMobile"> + <FieldLabel> + Numbers only + </FieldLabel> + <FieldBody> + <TextEdit MaskType="MaskType.RegEx" EditMask="^(\d+(.\d{0,2})?|.?\d{1,2})$" /> + </FieldBody> + </Field> +</Fields>
-<TextEdit Role="TextRole.Email" /> -<TextEdit Role="TextRole.Password" /> +<Fields> + <Field ColumnSize="ColumnSize.Is6.OnDesktop.Is12.OnMobile"> + <FieldLabel> + Email + </FieldLabel> + <FieldBody> + <TextEdit Role="TextRole.Email" /> + </FieldBody> + </Field> + <Field ColumnSize="ColumnSize.Is6.OnDesktop.Is12.OnMobile"> + <FieldLabel> + Password + </FieldLabel> + <FieldBody> + <TextEdit Role="TextRole.Password" autocomplete="new-password" /> + </FieldBody> + </Field> +</Fields>
-<TextEdit Size="Size.Small" /> -<TextEdit Size="Size.Large" /> +<Field> + <TextEdit Size="Size.Small" /> +</Field> +<Field> + <TextEdit Size="Size.Large" /> +</Field>
autocomplete
attribute, eg. autocomplete="new-password"
on an input field.
+