YourWishes/domsPlace
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

CLLLEANED the forms, inputs, buttons, labels and form/button groups

Browse Source
This commit is contained in:
Dominic Masters
2018-10-25 06:46:38 +11:00
parent 13aaccdd84
commit bccbd1cff1
25 changed files with 294 additions and 334 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
public/objects/typography/Heading.jsx
View File

@ -24,15 +24,15 @@
import React from 'react';
const Heading = (props) => {
let level = props.level || 1;
let { level, size, className } = props;
level = level || 1;
size = size || 1;
let CustomTag = "h"+level;
let clazz = "o-heading o-heading--"+level;
if(props.className) clazz += " " + props.className;
return (
<CustomTag {...props} className={clazz} />
);
let clazz = `o-heading o-heading--${size}`;
if(className) clazz += ` ${className}`;
return <CustomTag {...props} className={clazz} />;
}
export default Heading;
@ -44,10 +44,5 @@ const Heading5 = (props) => { return <Heading {...props} level="5" />; };
const Heading6 = (props) => { return <Heading {...props} level="6" />; };
export {
Heading1,
Heading2,
Heading3,
Heading4,
Heading5,
Heading6
Heading1, Heading2, Heading3, Heading4, Heading5, Heading6
};