Skip to content
This repository was archived by the owner on Aug 27, 2026. It is now read-only.

feat: add clipped box component - #368

Open
DenizYil wants to merge 1 commit into
masterfrom
feat/clipped-box
Open

feat: add clipped box component#368
DenizYil wants to merge 1 commit into
masterfrom
feat/clipped-box

Conversation

@DenizYil

Copy link
Copy Markdown
Contributor

This PR

Adds a new component to the lab. This component allows us to show two different components and allows the user to "move" a selector to see more or less of one image. It's something we use in multiple DHI websites and I think it could be useful. It is similar to the ResizeHandle but different and more customizable (and easier to work with).

I would recommend checking the storybook to see how it works, but here are two images:

Vertical:
image

Horizontal:
image

Notes

  • No notes to add

Fulfilled the scope of this repo?

  • The same functionality of the component can not be achieved with theming, basic styling or composition of existing components
  • The component implements an element of the DHI Design Guidelines or is otherwise generic enough in functionality and close enough to the DHI CVI that it is likely to find reuse in other projects

Completness

  • Story included

@DenizYil
DenizYil requested a review from adel0896 March 20, 2024 09:30
@github-actions

Copy link
Copy Markdown

Azure Static Web Apps: Your stage site is ready! Visit it here: https://green-glacier-08aae7903-368.westeurope.azurestaticapps.net

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant