?HAMA

Edit File Size: 1.36 KB

/home/byroehnu/.trash/node_modules11/@adminjs/design-system/src/molecules/value-group/value-group.stories.tsx

Text Base64

import { Meta, StoryObj } from '@storybook/react'
import React from 'react'

import { Box, CardTitle, Text } from '../../index.js'
import StoryWrapper from '../../utils/story-wrapper.jsx'
import { ValueGroup } from './index.js'

export const Default: StoryObj<{ onClick: (e) => void }> = {
  render: ({ onClick }) => {
    const handleClick = (event) => {
      event.preventDefault()
      onClick(event)
    }

const objects = [
      { label: 'First Name', onClick: handleClick, value: 'Wojtek' },
      { label: 'Last Name', onClick: handleClick, value: 'Krysiak' },
    ]

return (
      <StoryWrapper label="ValueGroup default settings">
        <Box>
          {objects.map((field) => (
            <ValueGroup key={field.label} {...field} />
          ))}
          <ValueGroup label="value with styled children">
            <CardTitle>With children which are wrapped with CardTitle</CardTitle>
          </ValueGroup>
          <ValueGroup label="With Multiline Content">
            <Box variant="white" border="default">
              <Text>
                <h4>I am header</h4>
                <p>And I am content</p>
              </Text>
            </Box>
          </ValueGroup>
        </Box>
      </StoryWrapper>
    )
  },
}

const meta: Meta<typeof ValueGroup> = {
  title: 'DesignSystem/Molecules/ValueGroup',
  component: ValueGroup,
}

export default meta

Exit & Reset Text mode: syntax highlighting auto-detects file type.

Name	Size	Perms	Modified	Actions
index.ts	73 B	lrw-r--r--	2026-02-28 00:31:48	Edit Download recursive recursive
value-group-props.ts	349 B	lrw-r--r--	2026-02-28 00:31:52	Edit Download recursive recursive
value-group.doc.md	1.87 KB	lrw-r--r--	2026-02-28 00:31:40	Edit Download recursive recursive
value-group.stories.tsx	1.36 KB	lrw-r--r--	2026-02-28 00:32:00	Edit Download recursive recursive
value-group.tsx	841 B	lrw-r--r--	2026-02-28 00:32:00	Edit Download recursive recursive

Directory Contents