focus-components-v3/src/label/index.js

Focus web components to build applications (based on Material Design)

// Dependencies
import React, {PropTypes} from 'react';
import i18next from 'i18next';

function Label({name, text}) {
    const content = text || name;
    return (
        <label data-focus='label' htmlFor={name}>
            {i18next.t(content)}
        </label>
    );
}

Label.propTypes = {
    name: PropTypes.string.isRequired,
    text: PropTypes.string
};
export default Label;