From 0aef2c8ade2b0ae7b7ab7fef25ee4e8644a8b6c4 Mon Sep 17 00:00:00 2001
From: Steve Klebanoff <steve.klebanoff@gmail.com>
Date: Fri, 12 Oct 2018 15:35:20 -0700
Subject: feat(instant): add sliding error

---
 packages/instant/src/components/ui/text.tsx | 4 ++++
 1 file changed, 4 insertions(+)

(limited to 'packages/instant/src/components/ui')

diff --git a/packages/instant/src/components/ui/text.tsx b/packages/instant/src/components/ui/text.tsx
index 9fb8ea26f..af8e4d933 100644
--- a/packages/instant/src/components/ui/text.tsx
+++ b/packages/instant/src/components/ui/text.tsx
@@ -21,6 +21,8 @@ export interface TextProps {
     hoverColor?: string;
     noWrap?: boolean;
     display?: string;
+    marginRight?: string;
+    marginLeft?: string;
 }
 
 const PlainText: React.StatelessComponent<TextProps> = ({ children, className, onClick }) => (
@@ -47,6 +49,8 @@ export const Text = styled(PlainText)`
     ${props => (props.display ? `display: ${props.display}` : '')};
     ${props => (props.letterSpacing ? `letter-spacing: ${props.letterSpacing}` : '')};
     ${props => (props.textTransform ? `text-transform: ${props.textTransform}` : '')};
+    ${props => (props.marginRight ? `margin-right: ${props.marginRight}` : '')};
+    ${props => (props.marginLeft ? `margin-right: ${props.marginLeft}` : '')};
     &:hover {
         ${props =>
             props.onClick
-- 
cgit v1.2.3