Mark
Markは、特定のテキストを強調するコンポーネントです。
領域展開無量空処
<Text>
領域展開<Mark colorScheme="warning">無量空処</Mark>
</Text>
使い方
import { Mark } from "@yamada-ui/react"
import { Mark } from "@/components/ui"
import { Mark } from "@workspaces/ui"
<Mark />
バリアントを変更する
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>
カラースキームを変更する
Success
Warning
<Wrap gap="md">
<For each={["success", "warning"]}>
{(colorScheme, index) => (
<Text key={index}>
<Mark colorScheme={colorScheme}>{toTitleCase(colorScheme)}</Mark>
</Text>
)}
</For>
</Wrap>