mirror of
https://github.com/dzeiocom/components.git
synced 2025-06-15 03:59:21 +00:00
Compare commits
2 Commits
Author | SHA1 | Date | |
---|---|---|---|
6c2b3466ba
|
|||
31c9e30d3d
|
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@dzeio/components",
|
||||
"version": "0.5.1",
|
||||
"version": "0.5.2",
|
||||
"license": "MIT",
|
||||
"main": "./src/index.mjs",
|
||||
"types": "./src/index.d.ts",
|
||||
|
@ -1,9 +1,9 @@
|
||||
@import '../config'
|
||||
|
||||
.link
|
||||
color $infoLight
|
||||
color $infoDark
|
||||
@media (prefers-color-scheme dark)
|
||||
color $infoDark
|
||||
color $infoLight
|
||||
&:hover
|
||||
text-decoration underline
|
||||
|
||||
|
@ -12,6 +12,7 @@ interface Props {
|
||||
/**
|
||||
* Override external detection system
|
||||
*/
|
||||
noStyle?: boolean
|
||||
external?: boolean
|
||||
}
|
||||
|
||||
@ -23,7 +24,7 @@ export default class Link extends React.Component<Props> {
|
||||
// external link
|
||||
return (
|
||||
<a
|
||||
className={buildClassName(this.props.className, css.link)}
|
||||
className={buildClassName(this.props.className, [css.link, !this.props.noStyle])}
|
||||
href={this.props.href}
|
||||
rel="noreferrer nofollow"
|
||||
target="_blank"
|
||||
@ -35,7 +36,7 @@ export default class Link extends React.Component<Props> {
|
||||
return (
|
||||
<NextLink href={this.props.href}>
|
||||
<a
|
||||
className={buildClassName(this.props.className, css.link)}
|
||||
className={buildClassName(this.props.className, [css.link, !this.props.noStyle])}
|
||||
>{this.props.children}</a>
|
||||
</NextLink>
|
||||
)
|
||||
|
Reference in New Issue
Block a user