WIP Label

This commit is contained in:
Rodrigo Antinarelli 2020-02-13 20:15:04 -03:00 committed by James A. Petts
parent 7617a8b9ee
commit c68d0173df
2 changed files with 8 additions and 8 deletions

View File

@ -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()}>
{text}
{children}
</label>
</div>
<label className={getClasses()}>
{text}
{children}
</label>
);
};

View File

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