Mark
Mark
텍스트의 일부분을 강조 표시하는 컴포넌트예요. Mark 컴포넌트는 텍스트의 일부 구간을 하이라이트로 표시해요.
출처: 문서
본문
사용법 (Usage)
강조하고 싶은 텍스트 구간을 Mark 컴포넌트로 감싸면 해당 구간이 강조돼요.
import { Text, Mark } from '@mantine/core';
function Demo() {
return (
<Text>
Highlight <Mark>this chunk</Mark> of the text
</Text>
);
}
color prop으로 강조 색상을 지정할 수 있어요.