Skip to main content

Variable: Typography

const Typography: ForwardRefExoticComponent<TypographyProps & RefAttributes<Text>>

Defined in: components/Typography.tsx:58

Typography component that provides consistent text styling with theme and responsive support. This component automatically applies typography styles based on the configured typography system.

Param​

The component props

Param​

The typography variant to apply

Param​

Custom color override

Param​

Additional styles

Param​

Styled props for advanced styling

Param​

Whether text should be selectable

Param​

The text content

Example​

import { Typography } from '@mapples/style';

const MyComponent = () => {
  return (
    <View>
      <Typography variant="heading1">Main Title</Typography>
      <Typography variant="body" color="theme.colors.primary">
        Body text with custom color
      </Typography>
      <Typography selectable>
        Selectable text content
      </Typography>
    </View>
  );
};