search

sadanandpai / frontend-mini-challenges

Collection of frontend challenges for learning and interviews
https://sadanandpai.github.io/frontend-mini-challenges/
MIT License
2.01k stars 493 forks source link

React Challenge: Adds Inline options #383

Closed takshch closed 7 months ago

takshch commented 7 months ago

Description

It adds the React challenge of inline options(or segmented items).

Screenshots

Screenshot from 2024-02-18 22-12-25

Suggestions needed

Inline Options is quite a general name. I think we can improve the name of this challenge. Please suggest a name if you have any in mind.

netlify[bot] commented 7 months ago

Deploy Preview for frontend-mini-challenges ready!

Name Link
Latest commit 495f69f6f4001fa2564b9324ad0c16f20b5063e6
Latest deploy log https://app.netlify.com/sites/frontend-mini-challenges/deploys/65d2319e7d2f3200082e6c40
Deploy Preview https://deploy-preview-383--frontend-mini-challenges.netlify.app/react
Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site configuration.

takshch commented 7 months ago

@sadanandpai Can you please review this PR?

sadanandpai commented 7 months ago

plz resolve the conflicts @takshch

sadanandpai commented 7 months ago

inline options may not give the ppl an idea about the component. I don't have a better name for now. But if you get one better name do update in the future

takshch commented 7 months ago

plz resolve the conflicts @takshch

Done!

takshch commented 7 months ago

inline options may not give the ppl an idea about the component. I don't have a better name for now. But if you get one better name do update in the future

At Print Intuitively, We named it segmented. This website calls it "Segmented Buttons". Please take a look at it: https://m3.material.io/components/segmented-buttons/overview More: https://medium.com/tap-to-dismiss/a-better-segmented-control-9e662de2ef57