Link

Installation

uvx django_shadcn@latest add a

Usage

<c-a href='/docs'>Link</c-a>

The tag is <c-a>, after the element it renders. It takes the button sizes and nothing else — upstream this is the link variant of the button applied to an anchor, so there is no variant to pass. For a link that looks like a solid button, use <c-button> with an href.

Every attribute you set reaches the <a>, so target, rel and download work as usual, and href takes Django's url tag like any other template.

Examples

Sizes

<c-a href='#' size='xs'>Extra small</c-a>
<c-a href='#' size='sm'>Small</c-a>
<c-a href='#'>Default</c-a>
<c-a href='#' size='lg'>Large</c-a>

With an icon

<c-a href='#'>
    Documentation
    <c-icon name='chevron-right' />
</c-a>

External

<c-a href='https://ui.shadcn.com' target='_blank' rel='noopener noreferrer'>
    shadcn/ui
</c-a>