Expand Card

보통

클릭 시 내용이 확장되는 카드

#click#javascript#smooth

라이브 데모

📦

Expand Card

Click to expand

Additional content appears here when expanded!

You can add more details, images, or any other content.

코드

ExpandCard.tsx

const [isExpanded, setIsExpanded] = useState(false);
return (
  <div className="expand-card" onClick={() => setIsExpanded(!isExpanded)}>
    <div className="card-header">Title</div>
    {isExpanded && <div className="card-content">Content...</div>}
  </div>
);