# Using Your Own Like Button for Posts

![Like icon](https://2352509137-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MX0mOAVWkotGme0iRzu%2Fuploads%2FCPZRfpghGxVMoqZMh28J%2Flike.png?alt=media\&token=c1fec8eb-2b22-45ec-9e37-4a6bb78d40f1)

### **Usage**

You need to pass all your custom components into `AmityUiKitProvider` using `customComponents` prop.

```typescript
import { AmityUiKitProvider } from '@amityco/ui-kit';

function CustomPostLikeButton({ onClick, isActive, isDisabled }) {
  return (...);
}

function MyApp() {
  return (
    <AmityUiKitProvider
      customComponents={{
        PostLikeButton: (props) => <CustomPostLikeButton {...props} />,
        anotherComponentId: (props) => <AnotherCustomComponent {...props} />,
      }}
    >
    </AmityUiKitProvider>
  );
}
```