Link
SfLink
is a component that allows you to create a consistent link style across your application.
Examples
Link variants
SfLink
supports 2 variants that can be set via variant
prop: 'primary'
, 'secondary'
.
Customization
When using the 'secondary'
variant, the text color of the base state is inherited from the parent element.
Need more customization?
If you need more customization beyond the built-in variants, we recommend copying the SfLink
source code and modifying it to your needs. This way, you can have all the custom styles for your design system, but still be able to easily use all of our Blocks.
Usage with Qwik Link
SfLink
can be composed together with Qwik
link component.