/
githubmirror
/
tabler
Обзор
Документация
Войти
/
githubmirror
/
tabler
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
dev
shared/ui/Toast.astro
49 строк
1 KB
Paweł Kuna
Narrow component prop types, remove unused props and dead code (#2838)
10 авг 2026, 00:14
Не верифицирован
10 авг 2026, 00:14
4f7beec
Код
Авторство
О чём код?
--- import Avatar from './Avatar.astro' import people from '@data/people.json' import { requireIndex } from '@shared/lib/array' interface Props { toastId?: string show?: boolean cookies?: boolean text?: string } const { toastId = 'simple', show, cookies, text = 'Hello, world! This is a toast message.' } = Astro.props interface Person { full_name?: string photo?: string [key: string]: unknown } const date = '11 mins ago' /** people index, 0-based (default 2 → Mallory Hulme) */ const person = requireIndex(people as Person[], 2) --- <div class:list={['toast', show && 'show']} id={`toast-${toastId}`} role="alert" aria-live="assertive" aria-atomic="true" data-bs-autohide="false"> <div class="toast-header"> <Avatar person={person} class="me-2" size="xs" /> <strong class="me-auto">{person.full_name}</strong> <small>{date}</small> <button type="button" class="ms-2 btn-close" data-bs-dismiss="toast" aria-label="Close"></button> </div> <div class="toast-body"> { cookies ? ( <Fragment> 🍪 Our site uses cookies. By continuing to use our site, you agree to our Cookie Policy. <div class="mt-2 pt-2 border-top"> <button type="button" class="btn btn-primary btn-sm" data-bs-dismiss="toast"> I understand </button> </div> </Fragment> ) : ( <Fragment set:html={text} /> ) } </div> </div>