TrizTech/ohif-viewer
15
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

WIP Label

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
platform/ui/src/components/Label/Label.jsx
View File

@ -2,7 +2,7 @@ import React from 'react';
import t from 'prop-types'; import t from 'prop-types';
const Label = ({ children, spacing, className, text, ...rest }) => { 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 getClasses = () => {
const classes = []; const classes = [];
@ -12,12 +12,10 @@ const Label = ({ children, spacing, className, text, ...rest }) => {
}; };
return ( return (
<div> <label className={getClasses()}>
<label className={getClasses()}> {text}
{text} {children}
{children} </label>
</label>
</div>
); );
}; };

4
platform/ui/src/components/Label/Label.mdx
View File

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