?HAMA

Navigation

Breadcrumbs

/ / proc / thread-self / root / home / byroehnu / .trash / node_modules11 / @adminjs / design-system / src / templates

Create

Create File | Create Folder | Upload Files | Run Command

Edit File Size: 1.60 KB

//proc/thread-self/root/home/byroehnu/.trash/node_modules11/@adminjs/design-system/src/templates/blog.stories.tsx

Text Base64

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

import {
  Box,
  Button,
  Drawer,
  DrawerContent,
  DropZone,
  Header,
  Icon,
  Input,
  Label,
  RichTextEditor,
} from '../index.js'

export const Default: StoryFn = () => {
  const [isDrawerVisible, setIsDrawerVisible] = useState(false)

return (
    <Box variant="grey" width={1}>
      {isDrawerVisible && (
        <Drawer>
          <DrawerContent>
            <Header.H3>
              <Button size="icon" rounded mr="lg" onClick={() => setIsDrawerVisible(false)}>
                <Icon icon="ChevronRight" />
              </Button>
              Article settings
            </Header.H3>
            <Label>Drop splash screen</Label>
            <DropZone />
          </DrawerContent>
        </Drawer>
      )}
      <Box variant="white">
        <Box flex flexDirection="row-reverse" mb="xl">
          <Button size="icon" onClick={() => setIsDrawerVisible(true)}>
            <Icon icon="Settings" />
          </Button>
          <Button mr="default" variant="primary">
            <Icon icon="Send" />
            Publish
          </Button>
          <Button mr="default">
            <Icon icon="Save" />
            Save
          </Button>
        </Box>
        <Box mb="xxl">
          <Input variant="xxl" borderless width={1} placeholder="My amazing new article" />
        </Box>

<RichTextEditor
          value=""
          onChange={() => {
            /* noop */
          }}
        />
      </Box>
    </Box>
  )
}

const meta: Meta = {
  title: 'DesignSystem/Templates/Blog',
}

export default meta

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

Directory Contents

Dirs: 0 × Files: 2

Sort:

Enable drag-to-move

	Name	Size	Perms	Modified	Actions
	blog.stories.tsx	1.60 KB	lrw-r--r--	2026-02-28 00:31:52	Edit Download recursive recursive
	blog.tsx	0 B	lrw-r--r--	2026-02-28 00:31:52	Edit Download recursive recursive