Tonic UI
Getting StartedColor ModeColor StyleVersionsContributing
THEME
BordersBreakpointsColorsOutlinesPositionsSpacingSizesShadowsTypography
BUILDING BLOCKS
BoxControlBox
UTILITIES

Fade

Fade in from transparent to opaque.

This component uses react-spring to create animation.

Import

Usage

Basic usage

EDITABLE EXAMPLE

Props

NameTypeDefaultDescription
showbooleanfalseIf true, the content will be visible.
durationnumber200The duration for the transition, in milliseconds.