Skip to content

Commit 935e1c4

Browse files
authored
[PLAY-3185] Add Kit Category SVGs for Container and Full Screen (#6553)
**What does this PR do?** A clear and concise description with your runway ticket url. [PLAY-3185](https://runway.powerhrg.com/backlog_items/PLAY-3185) adds kit category svgs for our two newest kits, Full Screen and Container, which can be seen on the Layout & Structure kit category page. **Screenshots:** Screenshots to visualize your addition/change <img width="1714" height="1022" alt="PLAY3185side by side" src="https://github.com/user-attachments/assets/861cb426-cbc3-4496-a904-218a20a59c64" /> **How to test?** Steps to confirm the desired behavior: 1. Go to the Layout & Structure Kit Category page in prod vs. review env to see the Container and Full Screen Kit Cards without, then with, kit svgs. #### Checklist: - [x] **LABELS** Add a label: `enhancement`, `bug`, `improvement`, `new kit`, `deprecated`, or `breaking`. See [Changelog & Labels](https://github.com/powerhome/playbook/wiki/Changelog-&-Labels) for details. - [x] **DEPLOY** I have added the `milano` label to show I'm ready for a review. ~~- [ ] **TESTS** I have added test coverage to my code.~~ ~~- [ ] **PLAYGROUND** I have added and tested Playground metadata and overrides for all kits and props updated in my code.~~ - [x] **SEMVER** I have added a `minor`, `major`, or `patch` label for release. - [x] **RC** I have added an `inactive RC` label if not an active RC.
1 parent 7c0b8b6 commit 935e1c4

3 files changed

Lines changed: 86 additions & 0 deletions

File tree

Lines changed: 60 additions & 0 deletions
Loading
Lines changed: 22 additions & 0 deletions
Loading

playbook-website/app/javascript/images/kit_previews/layout_and_structure/index.ts

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,10 @@
11
import background from "./background.svg";
22
import card from "./card.svg";
33
import collapsible from "./collapsible.svg";
4+
import container from "./container.svg";
45
import draggable from "./draggable.svg";
56
import flex from "./flex.svg";
7+
import fullScreen from "./full_screen.svg";
68
import layout from "./layout.svg";
79
import overlay from "./overlay.svg";
810
import sectionSeparator from "./section_sesparator.svg";
@@ -11,8 +13,10 @@ export const layoutAndStructurePreviewMap = {
1113
"layout_and_structure/background": background,
1214
"layout_and_structure/card": card,
1315
"layout_and_structure/collapsible": collapsible,
16+
"layout_and_structure/container": container,
1417
"layout_and_structure/draggable": draggable,
1518
"layout_and_structure/flex": flex,
19+
"layout_and_structure/full_screen": fullScreen,
1620
"layout_and_structure/layout": layout,
1721
"layout_and_structure/overlay": overlay,
1822
"layout_and_structure/section_separator": sectionSeparator,

0 commit comments

Comments
 (0)