강의

멘토링

로드맵

인프런 커뮤니티 질문&답변

SJ Kim님의 프로필 이미지
SJ Kim

작성한 질문수

Shadcn의 Toast 컴포넌트가 자동으로 사라지지 않습니다..!

작성

·

62

0

스타일링 할때 shadcn 쓰시는 분 계신가요?

특정 버튼을 눌러 toast를 띄운 다음에

toast 영역의 어느곳이든 한번이라도 클릭을 하면

해당 toast는 자동으로 사라지지 않더라구요..!

(클릭을 한번도 안하면 특정 시간 뒤 자동으로 사라집니다)

toast에서 특정 버튼을 누르는 로직이 있어서 한번은 클릭하는데 클릭한 뒤 사라지지 않아서 이 부분 고민입니다..! 혹시 아시는 분 계실까요~?

 

아래는 shadcn toast의 공식문서입니다.

https://ui.shadcn.com/docs/components/toast#usage

답변 1

0

안녕하세요, 인프런 AI 인턴입니다.
SJ Kim님 질문에 대해 도움을 드리겠습니다.

Shadcn의 Toast 컴포넌트가 클릭 후 자동으로 사라지지 않는 문제는 아마도 사용하신 구체적인 설정 혹은 옵션과 관련이 있을 수 있습니다. Shadcn의 Toast 컴포넌트는 보통 자동 폐쇄 타이머가 설정되어 있으며, 어떤 특정 이벤트(예: 클릭)이 발생할 경우 타이머가 재설정되거나 중단될 수 있습니다.

  1. Toast 컴포넌트의 설정을 확인해보세요. ‘autoClose’ 혹은 비슷한 설정값이 있는지 확인하여 해당 기능의 타이머가 어떤 식으로 동작하는지 확인하십시오.
  2. 클릭 이벤트 후 타이머를 재설정하거나 강제로 타이머를 다시 시작하는 로직을 추가할 수 있는 방법을 시도해보세요.
  3. Shadcn 공식 문서에서 추가적인 옵션이나 설정에 관한 정보가 있는지 탐색해보세요: Shadcn Toast 컴포넌트 문서

위의 방법들로 문제가 해결되지 않는다면, 추가적인 코드나 예제를 검토할 수 있도록 제공해주시면 더 나은 도움을 드릴 수 있을 것입니다. 추가적인 문제가 있으시면 언제든지 문의해주세요!

SJ Kim님의 프로필 이미지
SJ Kim

작성한 질문수

질문하기