fk-react-ui-components
Version:
Step 1 : Create a file in [ Seeds / Plants / Trees ] <br> Step 2 : It should export an Object with component name and story Component [Refer other components] <br> Step 3 : Story Component should return a react component <br> Step 3 : Created file should
37 lines (36 loc) • 977 B
JavaScript
/**
* Created by manoraj.k on 17/08/17.
*/
import React from "react";
import styled from "styled-components";
import { colors } from "../../colorCodes";
export const GroupButtonsContainer = styled.div`
display: inline-block;
border-radius: 4px;
button {
border:none;
border: solid 1px ${colors.brandBlue};
border-right: none;
background: ${colors.whiteText};
color: ${colors.brandBlue};
font-size:13px;
height: ${props => props.height};
&.selected {
background: ${colors.selectedBlue};
}
cursor: pointer;
}
button:first-child {
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
}
button:last-child {
border-right: solid 1px ${colors.brandBlue};
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
}
button:focus{
outline:none;
}
`;
//# sourceMappingURL=GroupButtons.js.map