eui icon indicating copy to clipboard operation
eui copied to clipboard

[New docs] Create stories for Form components

Open mgadewoll opened this issue 1 year ago • 0 comments

Summary

Create Storybook playground stories for EUI components whose names start with the letter T. This is a part of #7405.

Components to create stories for:

  • [ ] EuiCheckbox
  • [ ] EuiDescribedFormGroup
  • [ ] EuiFieldNumber
  • [ ] EuiFieldPassword
  • [ ] EuiFieldSearch
  • [ ] EuiFieldText
  • [ ] EuiFilePicker
  • [ ] EuiForm
  • [ ] EuiFormControlLayout
  • [ ] EuiFormErrorText
  • [ ] EuiFormFieldset
  • [ ] EuiFormHelpText
  • [ ] EuiFormLabel
  • [ ] EuiFormRow
  • [ ] EuiRadio
  • [ ] EuiRange
  • [ ] EuiSelect
  • [ ] EuiSuperSelect
  • [ ] EuiSwitch
  • [ ] EuiTextArea
  • [ ] EuiValidatableControl

Acceptance Criteria

  • Playground stories are created following the default story file format we're using
  • Story controls include all component props
    • If some props are complicated to get added, feel free to leave a TODO comment for now instead

Story file template

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

const meta: Meta<COMPONENT_PROPS> = { // TODO: Replace COMPONENT_PROPS with the component props type
  title: 'Components/COMPONENT_EXPORT_NAME', // TODO: Replace COMPONENT_EXPORT_NAME with component export name
  component: COMPONENT, // TODO: Replace with the actual component import
  argTypes: {} // TODO: Setup arg types,
  args: {}, // TODO: Pass in default args
};

export default meta;
type Story = StoryObj<COMPONENT_PROPS>; // TODO: Replace COMPONENT_PROPS with the component props type

export const Default: Story = {};

mgadewoll avatar Mar 25 '24 09:03 mgadewoll