Overview
This page covers the key information about text fields in Seznam Aplikace.
1. Types
This section covers the key information about text field types.
- 1Filled
- 2Outlined
2. States
This section covers the key information about text field states.
Empty
Populated
Error
Empty
Populated
Error
3. Error
This section covers the key information about error states.
- Stays on the field. The field stays editable.
- Indicator, label, trailing icon, supporting text, and caret switch to Red 1.
Empty input
- Shows on submit if a required value is missing.
- Supporting text e.g. “URL je povinná”.
- Try: Upravit · clear URL · tap check.
Invalid format
- Shows on submit if the value is not a valid e-mail or URL (including
javascript:). - Supporting text: “Zadejte platný e-mail” / “Zadejte platnou URL”.
- Try: Upravit URL
javascript:alert(1)or Playground e-mailjan@, then leave / save.
Long text
- Shows while editing, as soon as the value exceeds the limit.
- “Text je příliš dlouhý (n/2048)”. Bookmark URL limit is 2048 characters. Not truncated.
- Try: Upravit · URL · paste a string longer than 2048.
- After an empty or format error is shown, the field keeps validating as the user types so the error clears when the value is fixed. Save is the check in the app bar. Playground has no check — leaving the field is the commit.
4. Working with text
This section covers the key information about working with text.
Entering text
- While typing, the caret moves right.
- Single-line fields use an ellipsis when unfocused. While focused, if the value is longer than the field, the text scrolls so the caret stays visible.
- Feedback body / Password manager. When the caret reaches the end of a line, it wraps to the next line. No ellipsis.
Deleting text
- While deleting, the caret moves left.
- On a single-line field, when the caret is at the end, deleting scrolls the text right.
Pasting text
- After paste, the caret sits at the end of the inserted string.
- The caret is not jumped to the end of the whole field if the user pasted in the middle. Overflowing single-line fields scroll so that end of the paste stays visible.
Selecting text
- Clicking into a value and selecting a portion of it sit on focused populated fields.
- A click or tap places the caret at that index, not only at the end.
- Double-click selects the word (token). Triple-click selects the entire value.
- Highlight and handles use Android’s default selection (Holo blue
#33B5E5, highlight at 40%). Text stays on-surface — not inverted. Do not restyle with Primary 1 or Red 1. The caret is hidden while a range is selected. - Read-only pickers have no text selection.
5. Configuration
This section covers the key information about text field configuration.
Label + valueAlways present.
Supporting textHint under the field. Error replaces it — see Error.
Counter + password trailingCounter sits to the right of supporting text (body-small). Trailing eye is show/hide — not a clear-X.
Trailing picker · read-onlyLooks enabled, no IME. Chevron opens the folder picker. Trailing is allowed only here and on password.
DropdownUsed for feedback type. Trailing is expand_more — not free text.
MultilineFeedback message.
6. Measurements
This section covers the key information about dimensions, sizes, and measurement marks.
- Single-line box 56dp. Multiline 120dp.
- Trailing icon 24dp. Gap to the value 12dp.
- Supporting text 4dp below the box.
- Corner radius 4dp.
- Inset 16dp left and right.
- Outline 1dp. 2dp when focused.
- 1Empty
- 2Focused
- 3Supporting text
- 4Counter
- 5Trailing
- 6Trailing focused
- Single-line box 56dp. Multiline 120dp.
- Trailing icon 24dp. Gap to the value 12dp.
- Supporting text 4dp below the box.
- Corner radius 4dp.
- No side inset. Text starts at the indicator.
- Top corners 4dp, bottom square.
- Indicator 1dp. 2dp when focused.
- Floated stack 8dp above the value, 8dp below.
- 1Empty
- 2Focused
- 3Supporting text
- 4Counter
- 5Trailing
- 6Trailing focused
7. Color styles
This section covers the key information about color styles on text fields.
- Surface / filled container Base 1.
- Input / focus Primary 1.
- Text selection Android default.
- Label / supporting Primary 2.
- Outline / indicator Primary 3.
- Error Red 1. Container tint Red 2.
- Disabled Primary 1 @ 38% / Primary 6.
- 1Outline
- 2Focus
- 3Label
- 4Selection
- 5Error
- 6Disabled
- Surface / filled container Base 1.
- Input / focus Primary 1.
- Text selection Android default.
- Label / supporting Primary 2.
- Outline / indicator Primary 3.
- Error Red 1. Container tint Red 2.
- Disabled Primary 1 @ 38% / Primary 6.
- 1Surface
- 2Focus
- 3Label
- 4Selection
- 5Error
- 6Disabled
8. Typography styles
This section covers the key information about typography styles on text fields.
- Label, rest Subheader Regular.
- Label, floated Caption Regular.
- Label, value Subheader Regular.
- Supporting text Caption Regular.
- 1Label
- 2Floated
- 3Value
- 4Supporting
- Label, rest Subheader Regular.
- Label, floated Caption Regular.
- Label, value Subheader Regular.
- Supporting text Caption Regular.
- 1Label
- 2Floated
- 3Value
- 4Supporting