We’ve set up an area for our library and a playground to test our components – so what’s next? It’s time for us to begin creating new components – over this and the following few chapters, we’ll create various examples; I’ll group them based on a common theme. We’ll start with the Basic group, which will be an Input box, Check box, RadioButton, and Slider. In this chapter, we will go through the initial creation of the component, and hook each into an instance of Storybook, so we can begin to test them and confirm they work as expected in our library.

错误:搜索内容不能为空,请输入英文关键词
错误:关键词超出字数限制,请精简
高级检索

Creating Basic Components

  • Alex Libby

摘要

We’ve set up an area for our library and a playground to test our components – so what’s next? It’s time for us to begin creating new components – over this and the following few chapters, we’ll create various examples; I’ll group them based on a common theme. We’ll start with the Basic group, which will be an Input box, Check box, RadioButton, and Slider. In this chapter, we will go through the initial creation of the component, and hook each into an instance of Storybook, so we can begin to test them and confirm they work as expected in our library.