UNPKG

@yamada-ui/react

Version:

React UI components of the Yamada, by the Yamada, for the Yamada built with React and Emotion

1 lines 1.27 kB
{"version":3,"file":"v-stack.cjs","names":["createComponent","vStackStyle","Stack"],"sources":["../../../../src/components/stack/v-stack.tsx"],"sourcesContent":["\"use client\"\n\nimport type { ThemeProps, WithoutThemeProps } from \"../../core\"\nimport type { StackProps } from \"./stack\"\nimport type { VStackStyle } from \"./v-stack.style\"\nimport { createComponent } from \"../../core\"\nimport { Stack } from \"./stack\"\nimport { vStackStyle } from \"./v-stack.style\"\n\nexport interface VStackProps\n extends WithoutThemeProps<StackProps, VStackStyle>,\n ThemeProps<VStackStyle> {}\n\nconst {\n PropsContext: VStackPropsContext,\n usePropsContext: useVStackPropsContext,\n withContext,\n} = createComponent<VStackProps, VStackStyle>(\"stack--vertical\", vStackStyle)\n\nexport { useVStackPropsContext, VStackPropsContext }\n\n/**\n * `VStack` is a component that groups elements and provides space between child elements.\n *\n * @see https://yamada-ui.com/docs/components/stack\n */\nexport const VStack = withContext<\"div\", VStackProps>(Stack)(undefined, {\n direction: \"column\",\n})\n"],"mappings":";;;;;;;;AAaA,MAAM,EACJ,cAAc,oBACd,iBAAiB,uBACjB,gBACEA,yCAA0C,mBAAmBC,kCAAY;;;;;;AAS7E,MAAa,SAAS,YAAgCC,oBAAM,CAAC,QAAW,EACtE,WAAW,UACZ,CAAC"}