[New docs] Create stories for components starting with the letter T
tkajtoch opened this issue · comments
Tomasz Kajtoch commented
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:
- EuiTabs
- EuiTab
- EuiTabbedContent
- EuiText
- EuiTextColor
- EuiTextAlign
- useEuiTextDiff
- EuiTextTruncate
- EuiTextBlockTruncate
- EuiTimeline
- EuiTimelineItem
- EuiTimelineItemEvent
- EuiTimelineItemIcon
- EuiTitle
- EuiToast
- EuiGlobalToastList
- EuiGlobalToastListItem
- EuiToken
- EuiToolTip
- EuiIconTip
- EuiTour
- EuiTourStep
- EuiTourStepIndicator
- EuiTreeView
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
- If some props are complicated to get added, feel free to leave a
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 = {};