Link Component Examples
This is an example of how the ReadMore component can be used. The component consists of a circular icon container with an arrow icon and a label. It supports multiple variants for different color schemes and use cases.
All Link Variants
LinkSec Component Examples
The LinkSec component is a simpler alternative to the Link component. It features a clean design with just text and a small arrow icon, available in three color variants: green, white, and dark.
All LinkSec Variants
LinkSec on Different Backgrounds
Link within Prose Component
Prose with Light Primary Link
This Prose component automatically includes a Link component at the bottom because we passed the link prop with an href and variant. The component will appear below this text content, styled according to the specified variant.
Les merProse with Dark Primary Link
This example shows a Prose component with a dark primary Link variant. The black background with green arrow creates a nice contrast and follows the design system.
Les merProse with Green Primary Link
Here's a Prose component using the green primary variant. The green background with black arrow and text provides a vibrant, energetic appearance suitable for call-to-action sections.
Les merThis paragraph is outside of Prose, so it won't have a Link component. Only the text content within Prose components can have Link functionality.