diff --git a/example/storybook-nativewind/src/components/Text/Text.stories.tsx b/example/storybook-nativewind/src/components/Text/Text.stories.tsx index 426bf4cad..e7b17edbb 100644 --- a/example/storybook-nativewind/src/components/Text/Text.stories.tsx +++ b/example/storybook-nativewind/src/components/Text/Text.stories.tsx @@ -27,30 +27,37 @@ const TextMeta: ComponentMeta = { '6xl', ], }, - fontWeight: { - control: 'select', - options: [ - 'hairline', - 'thin', - 'light', - 'normal', - 'medium', - 'semibold', - 'bold', - 'extrabold', - 'black', - 'extrablack', - ], + bold: { + control: 'boolean', + }, + italic: { + control: 'boolean', + }, + underline: { + control: 'boolean', + }, + strikeThrough: { + control: 'boolean', + }, + highlight: { + control: 'boolean', + }, + sub: { + control: 'boolean', }, }, args: { text: 'Hello world', size: 'md', - fontWeight: 'medium', + bold: false, + italic: false, + underline: false, + strikeThrough: false, + highlight: false, + sub: false, }, }; export default TextMeta; export { Text }; -// export { TextSizes }; diff --git a/example/storybook-nativewind/src/components/Text/Text.tsx b/example/storybook-nativewind/src/components/Text/Text.tsx index 6fc9f8f34..9214278cb 100644 --- a/example/storybook-nativewind/src/components/Text/Text.tsx +++ b/example/storybook-nativewind/src/components/Text/Text.tsx @@ -1,31 +1,9 @@ import React from 'react'; import { Text } from '@/components/ui/text'; -const TextBasic = ({ - size = 'md', - text = 'Hello world', - fontWeight = 'bold', - ...props -}: any) => { - const fontWeights = { - hairline: 'font-hairline', - thin: 'font-thin', - light: 'font-light', - normal: 'font-normal', - medium: 'font-medium', - semibold: 'font-semibold', - bold: 'font-bold', - extrabold: 'font-extrabold', - black: 'font-black', - extrablack: 'font-extrablack', - }; - +const TextBasic = ({ size = 'md', text = 'Hello world', ...props }: any) => { return ( - + {text} );