Cavemen

Primitive React Components

PLEASE NOTE: At this current time, searchable cannot be used with multiple

Dropdown

| Prop | Description | Type | Required | Default Value | |--------------------|----------------------------------------------------------|--------------------------------|:------------------------------:|:-------------:| | options | An array of Option type to display | Option[] | * | - | | onChange | An event handler for when an Option is selected. | Handler | * | - | | clearable | Whether or not the Dropdown Option can be cleared | Boolean | | false | | default | A default Option to be selected | Option | | - | | disabled | Whether or not the Dropdown is disabled | Boolean | | false | | id | An ID to append to the Dropdown wrapper | String | | - | | label | A label for the Dropdown - appears directly above it | String | | - | | multiple | Whether or not the Dropdown should be a mult-select | Boolean | | false | | open | Whether or not the Dropdown is open on render | Boolean | | false | | placeholder | Placeholder text before a user selects an option | String | | - | | searchable | Allows users to search for Option | Boolean | | false | | trigger | A component passed down as a trigger - for example, if you want an icon to have dropdown functionality | ReactNode | | - |

Dropdown Types

Option

interface Option {
    value: string | number,
    name: string
}

Handler

type Handler = (option: Option | Option[] | null, event: SyntheticEvent) => void;