Utility Props

Every Componentry component accepts a standard set of utility props. These provide easy access to theme styling using utility classes.

<Block mt={2}>Easy themed spacing</Block>
// ^ utility prop "mt" converted to utility class "mt-2"

TypeScript customization

Module augmentation enables overriding the library defined utility props values using the UtilityPropsOverrides in componentry/types/utils/utility-classes.

declare module 'componentry/types/utils/utility-classes' {
  // eg customizing allowed fontSize values
  interface UtilityPropsOverrides {
    fontSize: 'body' | 'sm' | 'lg' | 'display'
  }
}

Available Props