Slide-CN

Reveal

A component that can hide and reveal certain parts of your slide.

Overview

Presentations are all about story-telling. Dictate what you reveal and when. Use the reveal component to dictate what to reveal and when.

Installation

pnpm dlx shadcn@latest add https://slide-cn.com/r/reveal.json
npx shadcn@latest add https://slide-cn.com/r/reveal.json
yarn dlx shadcn@latest add https://slide-cn.com/r/reveal.json
bunx --bun shadcn@latest add https://slide-cn.com/r/reveal.json

Demo

Click on the card below to reveal its content

Secret Content
This content was hidden until you clicked!

🎉 You've successfully revealed the content! The Reveal component uses a blur effect to hide content until the user interacts with it.

Usage

<Reveal>
	This content will be hidden until clicked
</Reveal>

Reference

Prop

Type

Built by Prithvi. Code is available on GitHub

On this page