Skip to main content

Link

Use href prop to specify the URL

Link to Chic-UI Repository
import { Link } from 'chic-ui';

<Link href='https://github.com/karishmashuklaa/chic-ui'>
Link to Chic-UI Repository
</Link>

Use the disabled prop to disable links.

Disabled Link to Chic-UI Repository

import { Link } from 'chic-ui';

<Link href='https://github.com/karishmashuklaa/chic-ui' disabled>
Disabled Link to Chic-UI Repository
</Link>

API

import { Link } from 'chic-ui';
NameTypeDefaultDescription
href (required)stringURL of the Link
asElementTypeIf `as` is added, link becomes a custom html node specified in `as`
disabledbooleanfalseDisable a Link
children (required)ReactNodeChildren for the Link
classNamestringProvide external classnames to the component
styleReact.CSSPropertiesOverride default styling of the component