Menu
Reveal
UI Docs
Globals
Site
Elements
Button Container Divider Flag Header Icon Image Input Label List Loader Placeholder Rail Reveal Segment Step
Collections
Breadcrumb Form Grid Menu Message Table
Views
Card Item Statistic
Modules
Accordion Checkbox Dimmer Dropdown Modal Popup Progress Search Shape Sidebar Sticky Tab Transition

Reveal

Types

Fade

An element can disappear to reveal content below

Move

An element can move in a direction to reveal content

Rotate

An element can rotate to reveal content below

Content

Visible Content

A reveal may contain content that is visible before interaction

Visible and hidden content should be the same aspect ratio

Hidden Content

A reveal may contain content that is hidden before user interaction

States

Active

An active reveal displays its hidden content

Adding the class active can allow you to show the hidden contents programatically

Variations

Instant

An element can show its content without delay

States

Disabled

A disabled reveal will not animate when hovered

Community

Help Translate Submit an Issue Join our Chat CLA

Network

GitHub Repo User Forums 1.x Docs 0.x Docs

Help Preserve This Project

Support for the continued development of Semantic UI comes directly from the community.

Free & Open Source (MIT)
The Translation Needs Your Help

This translation is only % complete!

We need your help to make Semantic available to people who speak your language.

Our translation tools are easy to use and allow you to translate text without having to leave the site.

No Thanks
Help Translate
Would you like to visit the mirror site?

Semantic is available at semantic-ui.cn a mirror site hosted inside China. This should make browsing much faster for those visiting from mainland China.

No Thanks
Yes, take me to the mirror

Dimmer Message
Dimmer sub-header