eds-social-networks

Explore the Interactive Component

Use the playground below to experiment with the component. Click the button to view the full Storybook deployment for additional examples and configurations.

See It in Use with Code

Check out this practical implementation of component.

In Plain HTML

In React and Vue

Overview

Component representing a list of social network links for EBRAINS. Each link directs users to EBRAINS’ profiles on various social networks.

Properties

Property	Attribute	Description	Type	Default
`heading`	`title`	Social Network custom title to display	`string`	`'Follow EBRAINS to keep up-to-date'`
`variant`	`variant`	Controls the visual variant of the social networks. - ‘default’: Light background with dark text - ‘inverse’: Dark/black background with white text	`"default" \| "inverse"`	`'default'`

Dependencies

Used by

eds-footer

Depends on

eds-link

Graph

graph TD;
  eds-social-networks --> eds-link
  eds-link --> eds-icon-wrapper
  eds-footer --> eds-social-networks
  style eds-social-networks fill:#f9f,stroke:#333,stroke-width:4px

Built with StencilJS