Antd-extra-props

A small lib to inject common props to Ant Design component library. It uses monkey patch to add some extra props helping expand the use of the ui library.

Install

yarn add antd-extra-props

or

npm install antd-extra-props

Use

// your entry file, like index.js
import { Card } from "antd";
import antdExtraProps from "antd-extra-props";

antdExtraProps({ Card });

And later:

function MyComponent() {
  return (
    <Card
      title="Card head"
      headClassName="text-purple-500"
      bodyClassName="px-10 py-20"
    >
      Card body
    </Card>
  );
}

Available Props

component	prop	type	default value
Card	headClassName	string	undefined
Card	bodyClassName	string	undefined
Card	actionsClassName	string	undefined