Merge pull request #35 from Winner95/master

Add support for line-height
Raathigesh · Jun 10, 2019 · 2c6f566 · 2c6f566
2 parents 7be3209 + 7b6bf24
commit 2c6f566
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 2 deletions.
diff --git a/src/ui/knobs/text/index.tsx b/src/ui/knobs/text/index.tsx
@@ -23,6 +23,7 @@ interface Props {
 
 const Properties = {
   FontSize: "font-size",
+  LineHeight: "line-height",
   FontWeight: "font-weight",
   FontColor: "color",
   FontFamily: "font-family",
@@ -47,6 +48,17 @@ export default function TextStyles({
           onChange={value => updateProp(Properties.FontSize, value)}
         />
       </RowPropertyPanel>
+      <RowPropertyPanel
+        label="Line height"
+        onClear={() => {
+          removeProp(Properties.LineHeight);
+        }}
+      >
+        <TextBox
+          value={declarations[Properties.LineHeight] || ""}
+          onChange={value => updateProp(Properties.LineHeight, value)}
+        />
+      </RowPropertyPanel>
       <RowPropertyPanel label="Font weight">
         <SingleSelect
           value={declarations[Properties.FontWeight] || ""}

diff --git a/src/ui/types.ts b/src/ui/types.ts
@@ -6,7 +6,8 @@ import {
   BorderColorProps,
   BordersProps,
   BackgroundColorProps,
-  FontSizeProps
+  FontSizeProps,
+  LineHeightProps
 } from "styled-system";
 
 export type StyleProps = FlexDirectionProps &
@@ -16,4 +17,5 @@ export type StyleProps = FlexDirectionProps &
   BorderColorProps &
   BordersProps &
   BackgroundColorProps &
-  FontSizeProps;
+  FontSizeProps &
+  LineHeightProps;