Demi

The DEMI component is used to render text with a semi-bold weight, providing a subtler emphasis compared to full bold. It's ideal for distinguishing text without the strong impact of a full bold, useful in headings, subheadings, or key phrases.

Usage

import React from 'react';
import { DEMI } from '~/ui/components/Text';

export default function App() {
  return (
    <div>
      <p>This text includes a <DEMI>semi-bold</DEMI> word for subtle emphasis.</p>
    </div>
  );
}

Rendered Example

This text includes a semi-bold word for subtle emphasis.

Props

The DEMI component accepts all standard HTML text attributes, offering customization to meet specific design needs within textual content.