HeadlineArea（非推奨）

HeadlineAreaコンポーネントは非推奨です。Stackコンポーネントで書き換えてください。

SmartHR UI

処理中

ドラッグして幅を変更

ドラッグして高さを変更

import { Story } from '@storybook/react'
import * as React from 'react'

import { HeadlineArea } from './HeadlineArea'

export default {
  title: 'Data Display（データ表示）/HeadlineArea（非推奨）',
  component: HeadlineArea,
}

const heading = {
  children: 'HeadlineArea（非推奨）',
}

export const All: Story = () => (
  <HeadlineArea
    heading={heading}
    description="このコンポーネントの使用は非推奨です。Stackを使って書き換えてください。"
  />
)
All.storyName = 'all'

処理中

Props

Name	Required	Type	Description
heading	true	`{ children: ReactNode; tag?: HeadingTagTypes; }`	見出し領域に表示する内容
description	-	`string`, `number`, `false`, `true`, `ReactElement<any, string \| JSXElementConstructor<any>>`, `ReactFragment`, `ReactPortal`	説明テキスト
className	-	`string`	コンポーネントに適用するクラス名