# Custom Class Props

### CustomClassName PropTypes handling for components
The common pattern through out the components library.

`{component}.propTypes.js file configurations`
```
import customClassNameProps, {  customClassPropName } from "propTypes/customClassName.propTypes.js";
import defaultCustomId from "{component}.customId.js";

const listPropTypes = {
     variant,
     direction,
    ...customClassNameProps
}

const listItemPropTypes = {
     value,
    ...customClassNameProps
}


export { listItemPropTypes };
export default listPropTypes;

```

`How we will use propTypes file in our component. example`
```
import listPropTypes from '{component.propTypes.js}'
MyComponent.propTypes=listPropTypes; 
```


getCompileClassName
