Skip to main content
Design System
Use / Download Contribute

Twitter Widget

Displays latest tweets. Good for promoting your Twitter account and/or displaying news and events.

Find a bug? Create an issue.
Have an idea for a new component? Tell us.

Standard Twitter Widget

Introduced in Version 1.0.0

Featurettes Headline

Subhead goes here.

westvirginiau

CleanSlate Implementation Notes What’s this?

When Using a Shared Partial

  • Add a wvu-twitter-widget partial to a template.
  • Add your Twitter handle (without the @ symbol) to the twitter_handle custom data attribute in your site data.

When Using the Super Template

  • Add a twitter-widget component to a slot.
  • Add your Twitter handle (without the @ symbol) to the twitter_handle custom data attribute in your site data.

Element Styles

  • Apply these utility classes to component container:
    bg-wvu-neutral--dark-gray text-white py-5 wvu-bg-position-center wvu-bg-blend-mode-luminosity--90 text-center
  • If you want to add a background image, upload your image to Files and label the image with {page-slug}-twitter-widget-{instance-number}-background.

If you need help customizing your theme, check out our tutorials for creating a CleanSlate theme, creating a CleanSlate template using a WVU Design System component, and using the Super Template. We also have a Beginner’s Guide.