-
Notifications
You must be signed in to change notification settings - Fork 201
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Showing
31 changed files
with
155 additions
and
119 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
|
@@ -220,7 +220,7 @@ The following style variants can be applied: | |
// end::styles-intro[] | ||
|
||
|
||
//tag::text-alignment[] | ||
// tag::text-alignment[] | ||
[#text-alignment] | ||
.Text Alignment | ||
[%collapsible] | ||
|
@@ -229,30 +229,30 @@ Three different text alignments are supported: `left`, which is the default; `ce | |
Right-alignment is recommended for numerical values when presented in vertical groups. This tends to aid interpretation and comparison of values. | ||
==== | ||
//end::text-alignment[] | ||
// end::text-alignment[] | ||
|
||
|
||
//tag::small-variant[] | ||
// tag::small-variant[] | ||
[#small-variant] | ||
.Small Variant | ||
[%collapsible] | ||
==== | ||
The small variant can be used to make individual fields more compact. The default size of fields can be customized with <<{articles}/styling/lumo/lumo-style-properties#,style properties>>. | ||
==== | ||
//end::small-variant[] | ||
// end::small-variant[] | ||
|
||
|
||
//tag::helper-above-field[] | ||
// tag::helper-above-field[] | ||
[#helper-above-field] | ||
.Helper Above Field | ||
[%collapsible] | ||
==== | ||
The helper can be rendered above the field, and below the label. | ||
==== | ||
//end::helper-above-field[] | ||
// end::helper-above-field[] | ||
|
||
|
||
//tag::borders[] | ||
// tag::borders[] | ||
[#borders] | ||
.[since:com.vaadin:[email protected]]#Borders# | ||
[%collapsible] | ||
|
@@ -261,4 +261,4 @@ Borders can be applied to the field surface by providing a value (e.g., `1px`) t | |
You can override the default border color with the `--vaadin-input-field-border-color` property. | ||
==== | ||
//end::borders[] | ||
// end::borders[] |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,37 +1,37 @@ | ||
//tag::aria-label-java[] | ||
// tag::aria-label-java[] | ||
// Associates external element as label: | ||
NativeLabel label = new NativeLabel("This is the label"); | ||
label.setId("external-label"); | ||
field.setAriaLabelledBy("external-label"); | ||
|
||
// Invisible label for screen readers: | ||
field.setAriaLabel("This is the label"); | ||
//end::aria-label-java[] | ||
// end::aria-label-java[] | ||
|
||
|
||
//tag::aria-label-typescript[] | ||
// tag::aria-label-typescript[] | ||
<!-- Associates external element as label: --> | ||
<label id="external-label">This is the label</label> | ||
<{tag-name} accessible-name-ref="external-label">... | ||
|
||
<!-- Invisible label for screen readers: --> | ||
<{tag-name} accessible-name="This is the label">... | ||
//end::aria-label-typescript[] | ||
// end::aria-label-typescript[] | ||
|
||
|
||
|
||
//tag::aria-label-dtp-java[] | ||
// tag::aria-label-dtp-java[] | ||
// Invisible label for screen readers: | ||
field.setAriaLabel("Meeting"); | ||
// Suffixes for sub-fields: | ||
field.setDateAriaLabel("date"); // -> "Meeting date" | ||
field.setDateAriaLabel("time"); // -> "Meeting time" | ||
//end::aria-label-dtp-java[] | ||
// end::aria-label-dtp-java[] | ||
|
||
|
||
//tag::aria-label-dtp-typescript[] | ||
// tag::aria-label-dtp-typescript[] | ||
<!-- Invisible label for screen readers: --> | ||
<date-time-picker accessible-name="Meeting">... | ||
<!-- Suffixes for date and time sub-fields are set through the i18n object --> | ||
//end::aria-label-dtp-typescript[] | ||
// end::aria-label-dtp-typescript[] | ||
|
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Oops, something went wrong.