How to centre Card Title

[chrishj59]

I am attempting to centre the card title using Pass Through.
I am attempting to use pt as shown below - the title remains left aligned
pt={{ title: { className: 'flex align-self-center align-items-center ' }, }}

[Coderxrohan]

The easiest way is to center it using text alignment via Pass Through:

<Card
  title="My Title"
  pt={{
    title: { className: 'text-center' }
  }}
>

If you want more control (icons, custom layout, etc.), you can also pass a custom title:

<Card
  title={
    <div className="flex justify-content-center align-items-center">
      My Title
    </div>
  }
>

The first approach is usually enough if you just want centered text

[chrishj59]

Thanks this works great