Codstak
    • Home
    • DSA
    • JavaScript
    • TypeScript
    • Node.js
    • React
    • More↓
      BlogReact PrepPricingDiscordNewsletterLeaderboard
    React challenge/easy

    Color Picker Card

    Challenge workspace

    20-25 min
    Lists and formsPath 11/33
    FormsState & eventsDerived state

    Suggested first

    Repair the Workspace Invite Form

    Your workspace must pass its server-side browser checks to complete this challenge.

    Color Picker Card

    Connect a native color input to a live preview.

    Requirements

    • Initialize state with #7c3aed.
    • Make the color input controlled.
    • Apply the selected value through React's style prop.
    • Show the current hex value in uppercase.