Ecco System
0.3.0
0.3.0
  • Please read this first!
  • Concept foundation
  • Tokens
    • Colors
    • Typography
    • Spacing
    • Border radius
    • Grid
  • Components
    • Buttons
    • Form elements
      • Checkbox
      • Checkbox Toggle
      • Date picker
      • Dropdown
      • File Selector
      • Radio button
      • Slider
      • Text fields
    • Lists
      • Tables
    • Menus
      • Global navigation
      • Tabs
      • Tree
    • Modal
    • Pagination
    • Toast and Status Bar
    • Tool tip
  • Templates
    • Web desktop templates
    • Larger mobile templates
    • Smaller mobile templates
Powered by GitBook
On this page
  • Types
  • Inline solution
  • Box solution

Was this helpful?

  1. Components
  2. Form elements

Text fields

Let users complement with textual information.

PreviousSliderNextLists

Last updated 4 years ago

Was this helpful?

Types

There are 2 styles available: inline solution and box.

When building an interface, choose only one of the solutions for your layout.

Inline solution

The component can accompany icons

The icon may also appear after the Label.

Box solution

If the input requires more lines, the boxed solution is the most recommended.

Inline | Anatomy
Inline solution with icon | Anatomy
Inline solution with icon option 2 | Anatomy
Box | Anatomy