Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.
.add('as a link', _ => (
<a href="#">i'm a link</a>
,
<a href="#">i'm a subtle link</a>
]}
/>
))
<p>Install the component dependency:</p>
<code>
npm install @pluralsight/ps-design-system-link
</code>
<p>Include a React component in your project:</p>
<code>
import Link from '@pluralsight/ps-design-system-link'
</code>
default,
<span>
visual style (from <code>Link.appearances</code>)
</span>
])
]}
/>
Inline links
<p>
Links are used to embed actions or pathways to more information within a
sentence.
</p>
<p>
The Link component simply styles the child element that you pass to it.</p>
.add('with linked heading', _ => (
<a href="#">Bob Ross</a>
<p></p>
}
/>
))
.add('without avatar and author', _ => (
<a href="{props.href}">
{props.children}
</a>
) : (
<a>
{props.children}
</a>
)
})
Link.appearances = DSLink.appearances
Link.propTypes = {
appearance: PropTypes.oneOf(
Object.keys(DSLink.appearances).map(k => DSLink.appearances[k])
),
children: PropTypes.node,
href: PropTypes.string,
onClick: PropTypes.func
}
export default Link
Object.keys(DSLink.appearances).map(k => DSLink.appearances[k])
),