angular / angular/components

Proposal: Add an enclosed input variant aka Solo fields

Open
#9,235 9 comments 2 reactions 0 assignees View on GitHub
area: material/input feature material spec P3
Dominant language
TypeScript
Stars
25k
Forks
6.8k
Avg merge
1d 8h
Merged PRs (30d)
91

Description

#### Bug, feature request, or proposal:
Proposal

#### What is the use-case or motivation for changing an existing behavior?
Input on Material2 does not currently support a [Solo Field](https://material.io/archive/guidelines/components/text-fields.html#text-fields-field-variations) which is currently in the Material Guidelines.

When a text field is used for a single action such as search, the text field may be elevated, with associated icons placed within it. An input line is not required.

On desktop, a raised search button should appear to the right of the search field.

I have attached a component I am working on currently.

screen shot 2018-01-04 at 18 37 42

Contributor guide

Open the contributing guide

Research direction

No source file, test, or entry point is named in the issue. Start by reviewing the existing Material2 input implementation and the attached component concept, then define the enclosed field and desktop search-button behavior against the linked Material guidelines. Done should include an agreed implementation scope and verification of the resulting UI.

Written by the indexing model from the issue text.

Assessment

Tech stack
angular, typescript
Domain
design, frontend
Issue type
Feature
Difficulty
5/5
Estimated time
Over a week
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
25/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.