Mark
Mark is a component that emphasizes a specific part of the text.
領域展開無量空処
<Text>
領域展開<Mark colorScheme="warning">無量空処</Mark>
</Text>
Usage
import { Mark } from "@yamada-ui/react"
import { Mark } from "@/components/ui"
import { Mark } from "@workspaces/ui"
<Mark />
Change Variant
Solid
Subtle
Accent
<Wrap gap="md">
<For each={["solid", "subtle", "accent"]}>
{(variant, index) => (
<Text key={index}>
<Mark variant={variant} colorScheme="warning">
{toTitleCase(variant)}
</Mark>
</Text>
)}
</For>
</Wrap>
Change Color Scheme
Success
Warning
<Wrap gap="md">
<For each={["success", "warning"]}>
{(colorScheme, index) => (
<Text key={index}>
<Mark colorScheme={colorScheme}>{toTitleCase(colorScheme)}</Mark>
</Text>
)}
</For>
</Wrap>