The platform that connects client teams with independent freelancers.
Let's build better projects, together.
<Text variant="lead">La plateforme qui met en relation…</Text>variant, size, align and weight are independent, and each is exported as
an options array.
API
| Prop | Type | Default | |
|---|---|---|---|
align | "center" | "left" | "right" | — | Text alignment. |
size | "base" | "lg" | "sm" | "xl" | "xs" | — | Type scale, independent of variant so a muted note can still be
large. |
variant | "body" | "lead" | "muted" | — | Role of the copy. lead is a standfirst under a heading, muted is
secondary detail, body is everything else. |
weight | "bold" | "medium" | "normal" | "semibold" | — | Font weight. Prefer a heading over bold body copy when the text is actually a heading. |
render | ComponentRenderFn<HTMLProps, {}> | ReactElement<unknown, string | JSXElementConstructor<any>> | — | Allows you to replace the component's HTML element
with a different tag, or compose it with another component. Accepts a ReactElement or a function that returns the element to render. |
Plus every <p> prop. Source: landing/components/text.tsx.