Länsförsäkringar Design System
  • Foundations
  • Components
  • Visual identity
  • Patterns
  • Button and links
    • Buttons
    • Links
    • Shortcuts
  • Forms
    • Checkbox
    • Datepicker
    • Dropdown select
    • Input field
    • Radio buttons
    • Slider
    • Upload
  • Navigations
    • Breadcrumbs
    • Pagination
    • Tabs
  • Page content
    • Callout
    • Card
    • Line element
    • Panel
    • Price box
    • Tables
    • Timeline
    • Value box
  • Supportive microinteractions
    • Collapse
    • Modal
    • Popover tooltip
  • System display
    • Alert
    • Avatar
    • Progress bar
    • Spinner
    • Tag
  • Text
    • Body text
    • Headings
    • Lead paragraph
    • Lists
    • Specific use text styles
  • Changelog
  • Deprecated
  • Components
  • Supportive microinteractions
  • Supportive microinteractions

    Supportive microinteractions include components which the user can interact with in one way or the other in support of the main flow.

    Collapse

    Lets the user expand the current page and displays examples or a longer explanation which support the user in performing their task.

    Modal

    Modals are triggered by the user clicking a button. They have two use cases; in a “Read more”-context and identification/signing as part of a flow.

    Popover tooltip

    Used primarily as an explanation of terms and difficult words in inline text. When the user clicks/hovers a word with a popover tooltip a small popover appears in which explanatory text is displayed.

    Before using the components described here for "Read more"-purposes, make sure that you know the Read more-pattern.

    Länsförsäkringar Design