Semantic UI React  1.0.0
GitHub CHANGELOG
Getting Started
IntroductionGet StartedCompositionShorthand PropsThemingLayout examplesPrototypes
Elements
ButtonContainerDividerFlagIconHeaderImageInputLabelListLoaderPlaceholderRailRevealSegmentStep
Collections
BreadcrumbFormGridMenuMessageTable
Views
AdvertisementCardCommentFeedItemStatistic
Modules
AccordionCheckboxDimmerDropdownEmbedModalPopupProgressRatingSearchSidebarStickyTabTransition
Behaviors
Visibility
Addons
ConfirmMount NodePaginationPortalRadioResponsiveSelectText AreaTransitionable Portal

Advertisement
An ad displays third-party promotional content.

src/views/Advertisement/Advertisement.js
Semantic UI Advertisement Docs

Types

Ad

A standard ad.

For real life examples please take a look on the example on CodeSandbox, it will show how to integrate this component with GoogleAds.
Live example

Common Units

An advertisement can appear in common ad unit sizes.

These additional examples use the testvariation to appear on the page. The Ad component is best used as a wrapper for third party ad network content like AdSenseor DoubleClick.

Mobile

An ad can use mobile ad unit size.

Mobile ads will automatically only appear on mobile browser viewports.

Rectangle

An ad can use a common rectangle ad unit size.

Button

An ad can use button ad unit size.

Skyscraper

An ad can use skyscraper ad unit size.

Banner

An ad can use banner ad unit size.

Leaderboards

An ad can use leaderboard ad unit size.

Panorama

An ad can use panorama ad unit size.

Netboard

An ad can use netboard ad unit size.

Square

An ad can use square ad unit size.

Variations

Centered

An advertisement can appear centered.

Test

A advertisement can be formatted to help verify placement.

You can adjust the text displayed for your test ad placement by changing the value of the test prop.
This is the bottom