Display navigational links with arrow icons. Useful for guiding users forward or backward in workflows.

Usage

Arrow Forward Link

Provides a forward navigation link with an arrow icon pointing to the right.

import { ArrowForwardLink } from '@passfort/castle'
content_copy
Copy

<ArrowForwardLink
  label="Forward"
  onClick={() => console.log('Forward clicked')}
/>
<ArrowForwardLink
  label="Forward"
  onClick={() => console.log('Forward clicked')}
/>
content_copy
Copy
live example

Arrow Back Link

Provides a backward navigation link with an arrow icon pointing to the left.

import { ArrowBackLink } from '@passfort/castle'
content_copy
Copy

<ArrowBackLink label="Back" onClick={() => console.log('Back clicked')} />
<ArrowBackLink label="Back" onClick={() => console.log('Back clicked')} />
content_copy
Copy
live example