Skip to content

Commit a8cb584

Browse files
committed
Port TextField styling from Primer React
Also renders clear button using an `IconButton`. Rough mapping: | Primer View Components | Primer React | | --------------------------------------- | --------------------------------------------------- | | | .FormControl-input-baseWrap (new class) | .TextInputBaseWrapper | | .FormControl-input-wrap | .TextInputWrapper | | .FormControl-input-trailingVisualWrap | .TextInput-icon | | .FormControl-input-leadingVisualWrap | .TextInput-icon | | .FormControl-input-trailingAction | .TextInput-icon | | .FormControl-input | input | | .FormControl-input-wrap--leadingVisual | [data-leading-visual] | | .FormControl-input-wrap--trailingVisual | [data-trailing-visual]:not([data-trailing-action]) | | .FormControl-input-wrap--trailingAction | [data-trailing-action] | | .FormControl-input-wrap--small | [data-size='small'] | | .FormControl-input-wrap--large | [data-size='large'] |
1 parent ad89940 commit a8cb584

3 files changed

Lines changed: 227 additions & 292 deletions

File tree

0 commit comments

Comments
 (0)