11import { useState } from 'react' ;
22import type { Meta , StoryObj } from '@storybook/react' ;
33
4- import { Radio , Item } from './index' ;
4+ import { Radio , RadioItem } from './index' ;
55import { InputValue } from './RadioRoot' ;
66
77const meta = {
@@ -27,7 +27,7 @@ export const Default: Story = {
2727 } ,
2828 render : ( args ) => (
2929 < Radio { ...args } >
30- < Item value = "option1" />
30+ < RadioItem value = "option1" />
3131 </ Radio >
3232 ) ,
3333} ;
@@ -36,11 +36,11 @@ export const UsingWithLabel: Story = {
3636 render : ( ) => (
3737 < Radio className = "flex flex-col gap-2" >
3838 < div className = "flex items-center gap-2" >
39- < Item id = "test" value = "test" />
39+ < RadioItem id = "test" value = "test" />
4040 < label htmlFor = "test" > radio 1</ label >
4141 </ div >
4242 < div className = "flex items-center gap-2" >
43- < Item id = "test2" value = "test2" />
43+ < RadioItem id = "test2" value = "test2" />
4444 < label htmlFor = "test2" > radio 2</ label >
4545 </ div >
4646 </ Radio >
@@ -56,8 +56,8 @@ export const Controlled: Story = {
5656
5757 return (
5858 < Radio value = { value } onValueChange = { ( value ) => handleChange ( value ) } >
59- < Item value = { 1 } />
60- < Item value = "문자열 value" />
59+ < RadioItem value = { 1 } />
60+ < RadioItem value = "문자열 value" />
6161 </ Radio >
6262 ) ;
6363 } ,
@@ -66,8 +66,8 @@ export const Controlled: Story = {
6666export const Uncontrolled : Story = {
6767 render : ( ) => (
6868 < Radio defaultValue = { 1 } >
69- < Item value = { 1 } />
70- < Item value = { 2 } />
69+ < RadioItem value = { 1 } />
70+ < RadioItem value = { 2 } />
7171 </ Radio >
7272 ) ,
7373} ;
0 commit comments