diff options
Diffstat (limited to 'packages/forms/src/input')
-rw-r--r-- | packages/forms/src/input/index.tsx | 2 | ||||
-rw-r--r-- | packages/forms/src/input/styles.ts | 2 |
2 files changed, 3 insertions, 1 deletions
diff --git a/packages/forms/src/input/index.tsx b/packages/forms/src/input/index.tsx index e410f8fef..a2d7c62d5 100644 --- a/packages/forms/src/input/index.tsx +++ b/packages/forms/src/input/index.tsx | |||
@@ -113,6 +113,7 @@ class InputComponent extends Component<IProps, IState> { | |||
113 | min, | 113 | min, |
114 | max, | 114 | max, |
115 | step, | 115 | step, |
116 | required, | ||
116 | } = this.props; | 117 | } = this.props; |
117 | 118 | ||
118 | const { | 119 | const { |
@@ -132,6 +133,7 @@ class InputComponent extends Component<IProps, IState> { | |||
132 | showLabel={showLabel} | 133 | showLabel={showLabel} |
133 | htmlFor={id} | 134 | htmlFor={id} |
134 | className={classes.label} | 135 | className={classes.label} |
136 | isRequired={required} | ||
135 | > | 137 | > |
136 | <div | 138 | <div |
137 | className={classnames({ | 139 | className={classnames({ |
diff --git a/packages/forms/src/input/styles.ts b/packages/forms/src/input/styles.ts index 2f7ea65f2..e2ab30a4f 100644 --- a/packages/forms/src/input/styles.ts +++ b/packages/forms/src/input/styles.ts | |||
@@ -4,7 +4,7 @@ import CSS from 'csstype'; | |||
4 | const prefixStyles = (theme: Theme) => ({ | 4 | const prefixStyles = (theme: Theme) => ({ |
5 | background: theme.inputPrefixBackground, | 5 | background: theme.inputPrefixBackground, |
6 | color: theme.inputPrefixColor, | 6 | color: theme.inputPrefixColor, |
7 | lineHeight: theme.inputHeight, | 7 | lineHeight: `${theme.inputHeight}px`, |
8 | padding: '0 10px', | 8 | padding: '0 10px', |
9 | fontSize: theme.uiFontSize, | 9 | fontSize: theme.uiFontSize, |
10 | }); | 10 | }); |