Semantic-UI Reveal States
Semantic UI is an open-source framework that uses CSS and jQuery to build great user interfaces. It is the same as a bootstrap for use and has great different elements to use to make your website look more amazing. In this article, we are going to learn about Reveal Disabled State. A reveal displays additional content in place of previous content when activated and it will not animate when hovered in a disabled state. The semantic UI Reveal States offers us Active and Disabled.
Semantic-UI Reveal States:
- Active: If it is used then an element can show its content without delay.
- Disabled: It is used to disabled reveal will not animate when hovered
<div class="ui Reveal-States move reveal"> ... </div>
Below example illustrate the Semantic-UI Reveal States:
Example 1: In this example, we will use the Active state.
Example 2: In this example, we will use a disabled state.