Start sharing components as a team!Share components as a team!Join Bit to build your applications faster.Get Started Free

reveal

v0.86.0arrow_drop_down
v0.86.0
v0.85.0
v0.84.0
STATUS
Passing
DOWNLOADS
167
LICENSE
MIT
VISIBILITY
Public
PUBLISHED
5 months ago
SIZE
71 KB
subject
A reveal displays additional content in place of previous content when activated.
1 contributor
Use reveal in your project ?
Copied
npm i @bit/semantic-org.semantic-ui-react.reveal
Set Bit as a scoped registryLearn more
npm config set '@bit:registry' https://node.bit.dev
Component Example
React
React
Vue
Angular
Add dependency... help_outline
Just
import
any of the 1 million components
and packages in Bit or NPM to the example.
import Button from '@bit/grommet.grommet.button';
import Lodash from 'lodash';
revert changes
reload
toggle layout
maximize
modifieddraft
modifieddraft
modifieddraft
modifieddraft
modifieddraft
modifieddraft
modifieddraft
modifieddraft
modifieddraft
modifieddraft
modifieddraft
modifieddraft
modifieddraft
chevron_left
chevron_right
Reveal ()

A reveal displays additional content in place of previous content when activated.

RevealContent ()

A content sub-component for the Reveal.

Properties
NameTypeDescription
as
custom

An element type to render as (string or function).

active
bool

An active reveal displays its hidden content.

animated
'fade' | 'small fade' | 'move' | 'move right' | 'move up' | 'move down' | 'rotate' | 'rotate left'

An animation name that will be applied to Reveal.

children
node

Primary content.

className
string

Additional classes.

content
custom

Shorthand for primary content.

disabled
bool

A disabled reveal will not animate when hovered.

instant
bool

An element can show its content without delay.

as
custom

An element type to render as (string or function).

children
node

Primary content.

className
string

Additional classes.

content
custom

Shorthand for primary content.

hidden
bool

A reveal may contain content that is visible before interaction.

visible
bool

A reveal may contain content that is hidden before user interaction.