diff --git a/package.json b/package.json index 65a9e3f3..3b09fe24 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "tksui-components", - "version": "0.4.29", + "version": "0.4.30", "private": false, "type": "module", "module": "lib/esm/index.js", diff --git a/src/styles/component/data-container/form-box/TFormBox.scss b/src/styles/component/data-container/form-box/TFormBox.scss index 841db0aa..459e1230 100644 --- a/src/styles/component/data-container/form-box/TFormBox.scss +++ b/src/styles/component/data-container/form-box/TFormBox.scss @@ -124,7 +124,7 @@ } .t-form-item__content { flex: 1 1 auto; - padding: 0 24px; + padding: $t-margin-tb-24 $t-margin-lr-24; color: $t-gray-color--09; } } diff --git a/stories/components/data-container/form-box/TFormBox.stories.tsx b/stories/components/data-container/form-box/TFormBox.stories.tsx index bfb4e50c..b37e69d0 100644 --- a/stories/components/data-container/form-box/TFormBox.stories.tsx +++ b/stories/components/data-container/form-box/TFormBox.stories.tsx @@ -10,6 +10,7 @@ import TTextField from '@/components/input/text-field/TTextField'; import useInputState from '@/common/hook/UseInputState'; import TDropdown from '@/components/input/dropdown/TDropdown'; import TToast, {notify} from '@/components/guide/toast/TToast'; +import TTextArea from '~/input/text-area/TTextArea'; const meta: Meta = { @@ -110,6 +111,12 @@ const Template = (args: TFormBoxProps) => { + + + + + +