The Tinder like swipe component is a set of interactive buttons that allows users to express their preferences and actions within a browsing experience.

Usage Guidelines

• Simple and intuitive interaction: Ensure the buttons are easily recognizable and intuitive for users to interact with.
• Consistent design: Maintain a consistent look and feel across all Swipe buttons.
• Accessibility: Ensure buttons are accessible for all users, including those using assistive technologies.

When to Use

• Expressing Preferences: Allow users to like or dislike items, such as products, content, or profiles.
• Actions: Enable actions like undo, add to basket, or add a note within an interactive browsing or selection process.
• Quick Interactions: Ideal for scenarios requiring fast and easy user interactions.

When Not to Use

• Complex Actions: Avoid using for complex actions that require more detailed input or confirmation.
• Non-Interactive Content: Do not use in contexts where the user is not expected to interact.

Do/Don’t Usage Pairs

• Do: Use for straightforward, quick interactions (e.g., like/dislike a product).
• Don’t: Use for complex tasks that require more user input or confirmation (e.g., finalizing a purchase).