『SLAM DUNK』（スラムダンク）
『SLAM DUNK』（スラムダンク）は、バスケットボールを題材にした井上雄彦による日本の漫画作品。主人公の不良少年桜木花道の挑戦と成長を軸にしたバスケットボール漫画。
Card
Card is a component that groups and displays related information. By default, it renders a article element.
Usage
<Card.Root>
<Card.Header>
<Heading size="xl">『SLAM DUNK』（スラムダンク）</Heading>
</Card.Header>
<Card.Body color="fg.muted">
<Text>
『SLAM
DUNK』（スラムダンク）は、バスケットボールを題材にした井上雄彦による日本の漫画作品。主人公の不良少年桜木花道の挑戦と成長を軸にしたバスケットボール漫画。
</Text>
</Card.Body>
</Card.Root>
import { Card } from "@yamada-ui/react"
import { Card } from "@/components/ui"
import { Card } from "@workspaces/ui"
<Card.Root>
<Card.Header />
<Card.Body />
<Card.Footer />
</Card.Root>
Change Variant
『SLAM DUNK』（スラムダンク）
『SLAM DUNK』（スラムダンク）は、バスケットボールを題材にした井上雄彦による日本の漫画作品。主人公の不良少年桜木花道の挑戦と成長を軸にしたバスケットボール漫画。
『SLAM DUNK』（スラムダンク）
『SLAM DUNK』（スラムダンク）は、バスケットボールを題材にした井上雄彦による日本の漫画作品。主人公の不良少年桜木花道の挑戦と成長を軸にしたバスケットボール漫画。
『SLAM DUNK』（スラムダンク）
『SLAM DUNK』（スラムダンク）は、バスケットボールを題材にした井上雄彦による日本の漫画作品。主人公の不良少年桜木花道の挑戦と成長を軸にしたバスケットボール漫画。
『SLAM DUNK』（スラムダンク）
『SLAM DUNK』（スラムダンク）は、バスケットボールを題材にした井上雄彦による日本の漫画作品。主人公の不良少年桜木花道の挑戦と成長を軸にしたバスケットボール漫画。
<VStack>
<For each={["elevated", "outline", "subtle", "solid"]}>
{(variant, index) => (
<Card.Root key={index} variant={variant}>
<Card.Header>
<Heading size="md">『SLAM DUNK』（スラムダンク）</Heading>
</Card.Header>
<Card.Body>
<Text>
『SLAM
DUNK』（スラムダンク）は、バスケットボールを題材にした井上雄彦による日本の漫画作品。主人公の不良少年桜木花道の挑戦と成長を軸にしたバスケットボール漫画。
</Text>
</Card.Body>
</Card.Root>
)}
</For>
</VStack>
Change Size
『SLAM DUNK』（スラムダンク）
『SLAM DUNK』（スラムダンク）は、バスケットボールを題材にした井上雄彦による日本の漫画作品。主人公の不良少年桜木花道の挑戦と成長を軸にしたバスケットボール漫画。
『SLAM DUNK』（スラムダンク）
『SLAM DUNK』（スラムダンク）は、バスケットボールを題材にした井上雄彦による日本の漫画作品。主人公の不良少年桜木花道の挑戦と成長を軸にしたバスケットボール漫画。
『SLAM DUNK』（スラムダンク）
『SLAM DUNK』（スラムダンク）は、バスケットボールを題材にした井上雄彦による日本の漫画作品。主人公の不良少年桜木花道の挑戦と成長を軸にしたバスケットボール漫画。
『SLAM DUNK』（スラムダンク）
『SLAM DUNK』（スラムダンク）は、バスケットボールを題材にした井上雄彦による日本の漫画作品。主人公の不良少年桜木花道の挑戦と成長を軸にしたバスケットボール漫画。
<VStack>
<For each={["sm", "md", "lg", "xl"]}>
{(size, index) => (
<Card.Root key={index} size={size}>
<Card.Header>
<Heading size="md">『SLAM DUNK』（スラムダンク）</Heading>
</Card.Header>
<Card.Body>
<Text>
『SLAM
DUNK』（スラムダンク）は、バスケットボールを題材にした井上雄彦による日本の漫画作品。主人公の不良少年桜木花道の挑戦と成長を軸にしたバスケットボール漫画。
</Text>
</Card.Body>
</Card.Root>
)}
</For>
</VStack>
Change Color Scheme
『SLAM DUNK』（スラムダンク）
『SLAM DUNK』（スラムダンク）は、バスケットボールを題材にした井上雄彦による日本の漫画作品。主人公の不良少年桜木花道の挑戦と成長を軸にしたバスケットボール漫画。
『SLAM DUNK』（スラムダンク）
『SLAM DUNK』（スラムダンク）は、バスケットボールを題材にした井上雄彦による日本の漫画作品。主人公の不良少年桜木花道の挑戦と成長を軸にしたバスケットボール漫画。
<VStack>
<For
each={[
{ variant: "subtle", colorScheme: "green" },
{ variant: "solid", colorScheme: "pink" },
]}
>
{({ variant, colorScheme }, index) => (
<Card.Root key={index} variant={variant} colorScheme={colorScheme}>
<Card.Header>
<Heading size="md">『SLAM DUNK』（スラムダンク）</Heading>
</Card.Header>
<Card.Body>
<Text>
『SLAM
DUNK』（スラムダンク）は、バスケットボールを題材にした井上雄彦による日本の漫画作品。主人公の不良少年桜木花道の挑戦と成長を軸にしたバスケットボール漫画。
</Text>
</Card.Body>
</Card.Root>
)}
</For>
</VStack>
Customize Layout
『SLAM DUNK』（スラムダンク）
『SLAM DUNK』（スラムダンク）は、バスケットボールを題材にした井上雄彦による日本の漫画作品。主人公の不良少年桜木花道の挑戦と成長を軸にしたバスケットボール漫画。
<Card.Root maxW="md">
<Card.Header justifyContent="center">
<Image
src="https://slamdunk-movie.jp/files/images/p_gallery_03.jpg"
w="full"
rounded="l2"
/>
</Card.Header>
<Card.Body>
<Heading size="md">『SLAM DUNK』（スラムダンク）</Heading>
<Text>
『SLAM
DUNK』（スラムダンク）は、バスケットボールを題材にした井上雄彦による日本の漫画作品。主人公の不良少年桜木花道の挑戦と成長を軸にしたバスケットボール漫画。
</Text>
</Card.Body>
<Card.Footer>
<Button>Wikipedia</Button>
</Card.Footer>
</Card.Root>
『SLAM DUNK』（スラムダンク）
『SLAM DUNK』（スラムダンク）は、バスケットボールを題材にした井上雄彦による日本の漫画作品。主人公の不良少年桜木花道の挑戦と成長を軸にしたバスケットボール漫画。
<Card.Root
flexDirection={{ base: "row", md: "column" }}
overflow="hidden"
variant="outline"
>
<Image
src="https://slamdunk-movie.jp/files/images/p_gallery_03.jpg"
objectFit="cover"
maxW={{ base: "30%", md: "100%" }}
/>
<VStack gap="0">
<Card.Header>
<Heading size="md">『SLAM DUNK』（スラムダンク）</Heading>
</Card.Header>
<Card.Body>
<Text>
『SLAM
DUNK』（スラムダンク）は、バスケットボールを題材にした井上雄彦による日本の漫画作品。主人公の不良少年桜木花道の挑戦と成長を軸にしたバスケットボール漫画。
</Text>
</Card.Body>
<Card.Footer>
<Button>Wikipedia</Button>
</Card.Footer>
</VStack>
</Card.Root>
Props
Similar Components
NativeTable
NativeTable is a component for efficiently organizing and displaying data.
Stat
Stat is used to display numbers or data within a box.
Table
Table is a table component equipped with column sorting, row selection, and click event features.
AreaChart
AreaChart is a component for drawing area charts to compare multiple sets of data.
Badge
Badge is a component that emphasizes the status of an item to make it immediately recognizable.
BarChart
BarChart is a component for drawing bar charts to compare multiple sets of data.
ComposedChart
ComposedChart is a component for drawing composed charts to compare multiple sets of data.
DataList
DataList is used to display a list of data items.