Skip to main content


The Social element displays icons linking to social media profiles. It has Link, Icon and Image fields. If available, a corresponding UIkit brand icon will be displayed automatically. Alternatively, pick a different icon or an SVG image.


Socials have various style options. They can look like a button or a link.

Vertical Grid

Socials can be displayed in a horizontal or a vertical grid layout. Additionally, define the breakpoint for the vertical layout from which socials will align side by side and set the gap between grid items.

Icon Width

Set the width for the social icons in pixels.