Emphasis

An emphasis element for italicizing text to indicate stress or importance.

Anatomy

<script>
  import { Em } from "@saas-ui/svelte/typography/em";
</script>

<!-- Basic emphasis -->
<Em>emphasized text</Em>

<!-- Within a sentence -->
<p>This is <Em>very important</Em> information.</p>

Examples

Basic

Basic emphasis element for italicizing text to indicate stress or importance.

<Text>
	The <Em>design system</Em> is a collection of UI elements
</Text>

Props

Prop	Type	Default	Description
`children`	`any`	-	The content to be rendered inside the component.
`class`	`text`	-	Additional CSS classes to apply.