We're actively working on new components and features. Stay tuned! Head over to our GitHub to see what's coming next.
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 | '' |