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

[Project - Onboarding]: Implement list component (without styling) #22786

Closed
Tracked by #22558
valentinpalkovic opened this issue May 25, 2023 · 2 comments · Fixed by storybookjs/addon-onboarding#19
Closed
Tracked by #22558

Comments

@valentinpalkovic
Copy link
Contributor

valentinpalkovic commented May 25, 2023

Implement React Component: List

Objective:

The objective of this issue is to create a new React component named List. It is needed to show an ordered list.

Behaviors:

  • The list component should be semantic. Optimally using
    semantic HTML elements. Therefore you might create a List and ListItem component.
  • Each list item has an icon and a test. The icon has a fixed size. The text beside the icon has a fixed space to the icon.

3. Design (DRAFT):

image

Acceptance Criteria:

  • The component is implemented according to the requirements described above, or an existing component is taken that fulfills the requirements.
  • The component passes all defined test cases and has Stories displaying its states
  • The component linked to a figma component in Storybook - speak to designers!
  • You should not implement any complex CSS styles! The design is still a work in progress. The component will be finalized design-wise in a separate ticket. Ensure that the behaviors are implemented accordingly.
@LeniWen
Copy link
Contributor

LeniWen commented May 25, 2023

hi @valentinpalkovic, I have completed the component, but I don't know how to link it to Figma. Can you give me some tips?

@valentinpalkovic
Copy link
Contributor Author

@liwn9527 Just skip this step for now :) Thank you for your contribution!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
Archived in project
2 participants