How to use @times-components/link - 8 common examples
To help you get started, we’ve selected a few @times-components/link examples, based on popular ways it is used in public projects.
Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.
newsuk / times-components / packages / article / src / article-body / article-link.js View on Github 
const styles = styleFactory(scale);
return (
{props.children}
);
}}
);
ArticleLink.defaultProps = {
...TextLink.defaultProps
};
ArticleLink.propTypes = {
...TextLink.propTypes
};
export default ArticleLink;}
: styles.articleLink
}
url={props.url}
>
{props.children}
);
}}
);
ArticleLink.displayName = "ArticleLink";
ArticleLink.defaultProps = {
...TextLink.defaultProps,
linkType: ""
};
ArticleLink.propTypes = {
...TextLink.propTypes,
linkType: PropTypes.string
};
export default articleLinkTrackingEvents(ArticleLink);{props.children}
);
}}
);
ArticleLink.displayName = "ArticleLink";
ArticleLink.defaultProps = {
...TextLink.defaultProps,
linkType: ""
};
ArticleLink.propTypes = {
...TextLink.propTypes,
linkType: PropTypes.string
};
export default articleLinkTrackingEvents(ArticleLink);style={styles.articleLink}
url={props.url}
>
{props.children}
);
}}
);
ArticleLink.defaultProps = {
...TextLink.defaultProps
};
ArticleLink.propTypes = {
...TextLink.propTypes
};
export default ArticleLink;import withTrackEvents from "./article-link-tracking-events";
const ArticleLink = ({ children, target, url, onPress, dropCap }) => (
{children}
);
ArticleLink.defaultProps = {
...Link.defaultProps,
onPress: () => {},
dropCap: false
};
ArticleLink.propTypes = {
...Link.propTypes,
dropCap: PropTypes.bool
};
export default withTrackEvents(ArticleLink);margin-top: 0;
`,
medium: `
font-size: ${fontSizes.body}px;
line-height: 30px;
`
};
const ArticleLink = ({ children, target, url }) => (
{children}
);
ArticleLink.defaultProps = {
...Link.defaultProps
};
ArticleLink.propTypes = {
...Link.propTypes
};
export default ArticleLink;
line-height: 30px;
`
};
const ArticleLink = ({ children, target, url }) => (
{children}
);
ArticleLink.defaultProps = {
...Link.defaultProps
};
ArticleLink.propTypes = {
...Link.propTypes
};
export default ArticleLink;
target={target}
url={url}
onPress={onPress}
>
{children}
);
ArticleLink.defaultProps = {
...Link.defaultProps,
onPress: () => {},
dropCap: false
};
ArticleLink.propTypes = {
...Link.propTypes,
dropCap: PropTypes.bool
};
export default withTrackEvents(ArticleLink);@times-components/link
component to handle links and navigation
