Em is used to emphasize text with semantic meaning through the HTML <em> element.
I have a dream of a scene between the green hills.
Clouds pull away and the sunlight's revealed.
People don't talk about keeping it real.
It's understood that they actually will.
import Em from "@radui/ui/Em" import Text from "@radui/ui/Text" import Card from "@radui/ui/Card" const EmExample = () => { return ( <Card className="text-gray-900 bg-gray-50"> <Text>I have a dream of a scene between the green <Em className="text-gray-1000">hills</Em>.</Text> <Text>Clouds pull away and the sunlight's <Em className="text-gray-1000">revealed</Em>.</Text> <Text>People don't talk about keeping it <Em className="text-gray-1000">real</Em>.</Text> <Text>It's understood that they actually <Em className="text-gray-1000">will</Em>.</Text> </Card> ) } export default EmExample;
A component for emphasizing text by rendering it as an <em> element with italic styling.
Prop | Type | Default |
---|---|---|
children | ReactNode | -- |
className | string | '' |
customRootClass | string | '' |