Style Utilities

In Pluma, most of our components inherit from Box. This means that any properties that would work on Box, will also work on the given component.

Sometimes, components will extend another component that extends from Box. For instance, here is an example of the Paragraph component utilizing the underlying Box properties. Paragraph itself doesn't have a margin-left (ml) attribute, but because it extends Text, which in turn extends Box, ml becomes available to use on Paragraph.

import { Paragraph } from '@customerio/pluma-components/react';

<Paragraph ml='200'>I can have Box properties on me!</Paragraph>

Please see PlumaBox documentation for more details.