Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[New docs] Create stories for Form components #7614

Open
21 tasks done
Tracked by #7405
mgadewoll opened this issue Mar 25, 2024 · 0 comments · May be fixed by #7790
Open
21 tasks done
Tracked by #7405

[New docs] Create stories for Form components #7614

mgadewoll opened this issue Mar 25, 2024 · 0 comments · May be fixed by #7790
Assignees
Labels
New EUI site task A task associated with a larger Meta issue

Comments

@mgadewoll
Copy link
Contributor

mgadewoll commented Mar 25, 2024

Summary

Create Storybook playground stories for EUI form components. 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 = {};
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
New EUI site task A task associated with a larger Meta issue
Projects
None yet
Development

Successfully merging a pull request may close this issue.

2 participants