Card like formatting


I want to know that how can I format my paragraph/title component as the cards are formatted in terms of the boundary and shadow effect in the cards. Kindly let me know what changes are required in the Style toolbar to get the shadow effect across the border of the paragraph/title component.

Thank you!

You should add your Paragraph/Title into a Container. Then make a few styles to the Container:

  • Give it background color
  • Add some Padding and perhaps Margin
  • In Box Shadow section: Enable -> true, Some small-ish number values to both offsets and blur radius, add some color

You can also check how the Card component is built by entering Isolation view. You can read more about Composite components here:

1 Like