Implement tiled menu items for custom shell navigation

[Sqrrl]

Summary

• Ticket
• Design
• Storybook

Review Checklist

General

• [ ] Changeset added
• [ ] The submitted code is organized and formatted according to our 💅 Style Guide.
  • [ ] The code is formatted with Prettier.
  • [ ] There are no linting errors.

For new or updated components

https://swirl-storybook.flip-app.dev/?path=/docs/contributions-merge-publish--page

• [ ] The changes do not contain any breaking changes.
• [ ] The changes do not introduce new components that don't belong in the library (e.g. non-reusable components, highly specialized components, components including business logic)
• [ ] The component documentation is updated.
• [ ] The changes meet the 🤖 testing requirements.
  • [ ] New features are tested.
  • [ ] In case of bug fixes, regression tests have been added.
  • [ ] All tests are 🟢.
• [ ] The changes meet the 🧏‍♀️ accessibility requirements.
  • [ ] WCAG 2.1 Level A and Level AA requirements are met.
  • [ ] The Storybook a11y addon shows no errors.
  • [ ] The changes have been tested with a screen reader.
  • [ ] Keyboard controls have been tested, if applicable.
  • [ ] Components implementing form controls (inputs, buttons, selects, etc.) do not use Shadow DOM, and instead use Stencil's scoping mechanism
• [ ] The changes use our 🌈 theming concept.
  • [ ] Design tokens have been used where appropriate.
  • [ ] The component has been visually checked in combination with the "Light" and "Dark" theme.
• [ ] The changes meet our 🌍 internationalization requirements.
  • [ ] No static text is used.
  • [ ] The component doesn't break with longer texts or different text wrappings.
  • [ ] Number, currency and date values can be formatted appropriately.
• [ ] The changes work in all supported browsers and viewports. See 📱 Responsive Design

[vercel[bot]]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

2 Skipped Deployments

| Name | Status | Preview | Comments | Updated (UTC) | | :--- | :----- | :------ | :------- | :------ | | **getflipdev** | ⬜️ Ignored ([Inspect](https://vercel.com/getflip/getflipdev/2DRkC1tqoBnBnUZpmP7VYF3LUbT6)) | [Visit Preview](https://getflipdev-git-shell-layout-navigation-with-tiles-getflip.vercel.app) | | Aug 2, 2024 9:55am | | **staginggetflipdev** | ⬜️ Ignored ([Inspect](https://vercel.com/getflip/staginggetflipdev/9yU5wpKvQUJswFxqWU6bWrnaXtZ8)) | [Visit Preview](https://staginggetflipdev-git-shell-layout-navigation-wi-b92d4c-getflip.vercel.app) | | Aug 2, 2024 9:55am |

[github-actions[bot]]

Azure Static Web Apps: Your stage site is ready! Visit it here: https://icy-water-049ec4003-762.westeurope.3.azurestaticapps.net

[github-actions[bot]]

Azure Static Web Apps: Your stage site is ready! Visit it here: https://icy-water-049ec4003-762.westeurope.3.azurestaticapps.net

[github-actions[bot]]

Azure Static Web Apps: Your stage site is ready! Visit it here: https://icy-water-049ec4003-762.westeurope.3.azurestaticapps.net

[github-actions[bot]]

Azure Static Web Apps: Your stage site is ready! Visit it here: https://icy-water-049ec4003-762.westeurope.3.azurestaticapps.net

[github-actions[bot]]

Azure Static Web Apps: Your stage site is ready! Visit it here: https://icy-water-049ec4003-762.westeurope.3.azurestaticapps.net

[github-actions[bot]]

Azure Static Web Apps: Your stage site is ready! Visit it here: https://icy-water-049ec4003-762.westeurope.3.azurestaticapps.net