Link
Use href
prop to specify the URL
import { Link } from 'chic-ui';
<Link href='https://github.com/karishmashuklaa/chic-ui'>
Link to Chic-UI Repository
</Link>
Disabled Links
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';
Name | Type | Default | Description |
---|---|---|---|
href (required) | string | URL of the Link | |
as | ElementType | If `as` is added, link becomes a custom html node specified in `as` | |
disabled | boolean | false | Disable a Link |
children (required) | ReactNode | Children for the Link | |
className | string | Provide external classnames to the component | |
style | React.CSSProperties | Override default styling of the component |