Text

A list of text styles that can be used within the app.

Coonsume them using the Text component.

Text component

A wrapper of React Native's text component, with the addition of a 'token' prop.

The token prop specifies what text style token should be applied to the text (see core/text to view a list of styles).

import { Text } from "reckon-mobile-design-system";
export const Screen = () => (
  <Text color={colors.text.default} token="title-2">Welcome</Text>;
)

Props

Available tokens