This page describes the four different ways we have of providing additional information to the user. The first three are components, whereas the fourth isn't.
There are four accepted ways of providing information for the user with a “Read more”-function. Please note that there are no i-bubbles in LFUI. The four ways of providing “Read more”-information are:
Used primarily as an explanation of terms and difficult words. When the user clicks/hovers a word with a pop-over tooltip a small modal appears in which explanatory text is displayed.
More on the pop-over tooltip can be found on the component page.
Lets the user expand the current page and displays examples or a longer explanation which support the user in performing their task. This is the most common way of showing Read more in relation to forms.
More on collapse can be found on the component page.
Modals are triggered by the user clicking a button. They are used in a “Read more”-context when we provide more background information when we want to help the user make an informed decision.
More on modals can be found on the component page.
If the read more-section is editorial material it should be put on a separate page, preferably on lansforsakringar.se (but use your judgement if somewhere else is more appropriate in your specific case).
This is not a component, but you can have a look at the various page templates here in the patterns-section.