Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
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](https://private-user-images.githubusercontent.com/74733800/314443295-7943c249-c59d-4b98-942a-551beeb64a9f.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3Mzk0MDI4NzksIm5iZiI6MTczOTQwMjU3OSwicGF0aCI6Ii83NDczMzgwMC8zMTQ0NDMyOTUtNzk0M2MyNDktYzU5ZC00Yjk4LTk0MmEtNTUxYmVlYjY0YTlmLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNTAyMTIlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjUwMjEyVDIzMjI1OVomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTY1OGQ4NWNiZmEzZWE2MDAzOWIwNTU2YzVkM2M0MWJlZjgzYTQ3NGFjM2JiMGViNGNjMjgyOTVkNjFlZTU0NWImWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0In0.KTfeNaMS6jAvA51CEpKa2JqBIOMlhDyD0ubHpyZP-S0)
Horizontal:
![image](https://private-user-images.githubusercontent.com/74733800/314443342-8672acd3-c66c-4c18-9884-130f65a798dc.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3Mzk0MDI4NzksIm5iZiI6MTczOTQwMjU3OSwicGF0aCI6Ii83NDczMzgwMC8zMTQ0NDMzNDItODY3MmFjZDMtYzY2Yy00YzE4LTk4ODQtMTMwZjY1YTc5OGRjLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNTAyMTIlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjUwMjEyVDIzMjI1OVomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTA2MDZiZmYyN2U0ZWI2MjNlZDkwZmU2MzU3NDRjZDdjMGRjMGI2OWViNGFmYzZkMTkyM2EyZTljOGU1NjBlZGEmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0In0.jLLLnJHTLF4VSbfA8vVa4wh0Dpp4aq3UN35fvwm0FZA)
Notes
Fulfilled the scope of this repo?
Completness