Typography

Strong

Marks text to signify strong importance.

Strong marks text as important. It renders a native strong element, which conveys importance to assistive technology, and uses the theme's emphasis font weight.

Strong: Basic

Open in playground

Read this part carefully before continuing.

import { Strong } from '@luke-ui/react/strong';
import { Text } from '@luke-ui/react/text';

export default () => {
	return (
		<Text>
			<Strong>Read this part carefully</Strong> before continuing.
		</Text>
	);
};

Strong: Basic

Loading Strong: Basic example

Strong stays inline and inherits the surrounding typography. Use textWrap to control wrapping. Use lineClamp to constrain longer text.

Use <Text fontWeight="emphasis"> when text only needs to look bold. Strong tells assistive technology the text matters.

API

StrongProps also accepts compatible DOM and ARIA attributes and event handlers for its rendered element.

Name	Type	Default
lineClamp	1 \|⁠ 2 \|⁠ 3 \|⁠ 4 \|⁠ 5 \|⁠ boolean \|⁠ undefined	—
Clamps text lines. `true` clamps to 1 line; numeric values clamp to 1–5.
textWrap	"balance" \|⁠ "default" \|⁠ "pretty" \|⁠ undefined	`'default'`
Sets text wrapping behavior.