Länk
- Komponent
- Status
-
Produktionsklar
Länk används för navigation mellan olika sidor eller inom samma sida.
Länk på flera rader (fristående)
Vid fokus hamnar ramen runt hela länken även om den sträcker sig över flera rader.
Länk med ikon på flera rader (fristående)
Länk i löptext (ej fristående)
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce ligula felis,
facilisis at ante ac, semper porta ipsum. Nam quis condimentum nulla, vel
elementum purus. Sed tempor velit id posuere aliquet.Här är en länk på flera rader. Här är en länk på flera rader. Här är en
länk på flera rader. Här är en länk på flera rader. Här är en länk på flera
rader.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce ligula felis,
facilisis at ante ac, semper porta ipsum. Nam quis condimentum nulla, vel
elementum purus. Sed tempor velit id posuere aliquet.
SASS-mixin
För att använda länkstylingen i ett eget projekt kan du inkludera anchor() eller anchor-discrete().
anchor ger länken standardutseendet:
@use "@fkui/design" as fkui;
a {
@include fkui.anchor;
}
För en diskret länk används anchor-discrete. Mixinen inkluderar grundstylingen från anchor och kompletterar den med färgerna för diskreta länkar:
@use "@fkui/design" as fkui;
a {
@include fkui.anchor-discrete;
}
Du behöver därför inte inkludera anchor separat när du använder anchor-discrete.