Skip to Content
StylingFont Weight

Font Weight

Use fontWeight prop to control the font-weight of an element.

Name

Styles

400
500
600
700
inherit

#

Documentation

#

Usage

400

The quick brown fox jumps over the lazy dog.

500

The quick brown fox jumps over the lazy dog.

600

The quick brown fox jumps over the lazy dog.

700

The quick brown fox jumps over the lazy dog.

import { Text } from "@optiaxiom/react";
 
import { Canvas } from "../Canvas";
 
export function App() {
  return (
    <Canvas name="fontWeight">
      <Text fontWeight="400">The quick brown fox jumps over the lazy dog.</Text>
      <Text fontWeight="500">The quick brown fox jumps over the lazy dog.</Text>
      <Text fontWeight="600">The quick brown fox jumps over the lazy dog.</Text>
      <Text fontWeight="700">The quick brown fox jumps over the lazy dog.</Text>
    </Canvas>
  );
}
Last updated on
Font SizeText Align