React Select

Steve Ruiz

Open in Framer X

This component wraps up React Select for use in Framer X. Original component by @JedWatson, Framer component by @steveruizok.

What’s the same

This component accepts all of React Select’s regular props. Everything you can do with React Select, you should be able to do with this component through overrides. If you’re advanced enough to find its limits, you’re probably better off using the actual component.

What’s different

This component accepts all of React Select’s regular props, which are deep and many. It also accepts several custom props:

  • cOptions: an array of strings that the component will turn into React Select’s regular options
  • cDefaultValue: a string that the component will turn into one of React Select’s regular options

Example Overrides:

import { Data, Override } from "framer"

const data = Data({
    selected: null
})

export const SelectOverride: Override = () => {
    return {
        onChange: (option, action) => {
            data.selected = option.value
            // console.log(option, action)
        },
    }
}

Changelog

0.2.0

  • Hello world
Opening Package in Framer X...

Don’t have Framer X yet?Start your Free Trial

By using our website, you agree to the use of cookies as described in our  Privacy Policy —
I Agree