feat(plasma-temple): Custom title component in GalleryPage #1119
Conversation
VladislavPetyukevich
requested review from
LamaEats and
kvpolyanskiy
as code owners
|
Demo canvas app deployed! |
Codecov Report
@@ Coverage Diff @@
## master #1119 +/- ##
=======================================
Coverage 87.97% 87.97%
=======================================
Files 346 346
Lines 4558 4558
Branches 1346 1346
=======================================
Hits 4010 4010
Misses 548 548
Flags with carried forward coverage won't be shown. Click here to find out more.
Continue to review full report at Codecov.
|
|
Documentation preview deployed! website: http://plasma.sberdevices.ru/pr-1119/ |
| @@ -54,13 +55,15 @@ const StyledSectionTitle = styled(Headline3)<{ active: boolean }>` | |||
| interface FocusableGalleryProps { | |||
| index: number; | |||
| title?: string; | |||
| TitleComponent?: React.ComponentType<{ title: string }>; | |||
There was a problem hiding this comment.
Если сделать title?: React.ReactNode закроет кейс?
There was a problem hiding this comment.
Да, можно рендерить компоненты в поле title внутри state. Спасибо, сразу не подумал
|
Demo canvas app deployed! |
|
Documentation preview deployed! website: http://plasma.sberdevices.ru/pr-1119/ |
|
@VladislavPetyukevich а что именно хочется кастомизировать в этих заголовках? и никакой кастомизации больше не предполагалось сс @LamaEats |
да, такой разговор был, что из вне компонент тайтла не кастомизируемый, а должен быть строго определенной типогрфике, которую указал @Yeti-or |
Хорошо, значит надо устранить проблему с тем, что для портала не ставится заголовок Body3. Но у заголовка нет отступа снизу. Это так должно быть? На скрине отступ между заголовком и карточкой галереи |
Возможность передавать свой компонент для заголовков в
GalleryPage. Необходимо для возможности их кастомизации📦 Published PR as canary version:
Canary Versions✨ Test out this PR locally via:
npm install @sberdevices/demo-canvas-app@0.60.0-canary.1119.32daae97ffb79d411d316ff19a796065efd2ac39.0 npm install @sberdevices/plasma-b2c@1.42.0-canary.1119.32daae97ffb79d411d316ff19a796065efd2ac39.0 npm install @sberdevices/plasma-core@1.50.0-canary.1119.32daae97ffb79d411d316ff19a796065efd2ac39.0 npm install @sberdevices/plasma-icons@1.68.0-canary.1119.32daae97ffb79d411d316ff19a796065efd2ac39.0 npm install @sberdevices/plasma-temple@1.32.0-canary.1119.32daae97ffb79d411d316ff19a796065efd2ac39.0 npm install @sberdevices/plasma-ui@1.83.0-canary.1119.32daae97ffb79d411d316ff19a796065efd2ac39.0 npm install @sberdevices/plasma-web@1.77.0-canary.1119.32daae97ffb79d411d316ff19a796065efd2ac39.0 npm install @sberdevices/plasma-sb-utils@0.49.0-canary.1119.32daae97ffb79d411d316ff19a796065efd2ac39.0 npm install @sberdevices/showcase@0.98.0-canary.1119.32daae97ffb79d411d316ff19a796065efd2ac39.0 npm install @sberdevices/plasma-ui-docs@0.44.0-canary.1119.32daae97ffb79d411d316ff19a796065efd2ac39.0 npm install @sberdevices/plasma-web-docs@0.34.0-canary.1119.32daae97ffb79d411d316ff19a796065efd2ac39.0 npm install @sberdevices/plasma-website@0.32.0-canary.1119.32daae97ffb79d411d316ff19a796065efd2ac39.0 # or yarn add @sberdevices/demo-canvas-app@0.60.0-canary.1119.32daae97ffb79d411d316ff19a796065efd2ac39.0 yarn add @sberdevices/plasma-b2c@1.42.0-canary.1119.32daae97ffb79d411d316ff19a796065efd2ac39.0 yarn add @sberdevices/plasma-core@1.50.0-canary.1119.32daae97ffb79d411d316ff19a796065efd2ac39.0 yarn add @sberdevices/plasma-icons@1.68.0-canary.1119.32daae97ffb79d411d316ff19a796065efd2ac39.0 yarn add @sberdevices/plasma-temple@1.32.0-canary.1119.32daae97ffb79d411d316ff19a796065efd2ac39.0 yarn add @sberdevices/plasma-ui@1.83.0-canary.1119.32daae97ffb79d411d316ff19a796065efd2ac39.0 yarn add @sberdevices/plasma-web@1.77.0-canary.1119.32daae97ffb79d411d316ff19a796065efd2ac39.0 yarn add @sberdevices/plasma-sb-utils@0.49.0-canary.1119.32daae97ffb79d411d316ff19a796065efd2ac39.0 yarn add @sberdevices/showcase@0.98.0-canary.1119.32daae97ffb79d411d316ff19a796065efd2ac39.0 yarn add @sberdevices/plasma-ui-docs@0.44.0-canary.1119.32daae97ffb79d411d316ff19a796065efd2ac39.0 yarn add @sberdevices/plasma-web-docs@0.34.0-canary.1119.32daae97ffb79d411d316ff19a796065efd2ac39.0 yarn add @sberdevices/plasma-website@0.32.0-canary.1119.32daae97ffb79d411d316ff19a796065efd2ac39.0