WIP Label

platform/ui/src/components/Label/Label.jsx

@@ -2,7 +2,7 @@ import React from 'react';
 import t from 'prop-types';
 
 const Label = ({ children, spacing, className, text, ...rest }) => {
-  const baseClasses = 'block text-gray-700 text-sm font-bold';
+  const baseClasses = 'flex flex-1 flex-col text-gray-700 text-sm font-bold';
 
   const getClasses = () => {
     const classes = [];
@@ -12,12 +12,10 @@ const Label = ({ children, spacing, className, text, ...rest }) => {
   };
 
   return (
-    <div>
+    <label className={getClasses()}>
-      <label className={getClasses()}>
+      {text}
-        {text}
+      {children}
-        {children}
+    </label>
-      </label>
-    </div>
   );
 };
 

platform/ui/src/components/Label/Label.mdx

@@ -16,5 +16,7 @@ import Label from './';
 ## Basic usage
 
 <Playground>
-  <Label text="Label" />
+  {() => {
+    return <Label text="Label" />;
+  }}
 </Playground>