mirror of
https://github.com/microsoft/frontend-bootcamp.git
synced 2026-01-26 14:56:42 +08:00
33 lines
1004 B
Markdown
33 lines
1004 B
Markdown
# Step 2.2: UI Fabric Component Library
|
|
|
|
[Lessons](../) | [Exercise](./exercise/) | [Demo](./demo/)
|
|
|
|
UI Fabric is a Component Library that is developed to reflect the latest Microsoft design language. It is used in many Microsoft web applications and is developed in the open:
|
|
|
|
https://github.com/officedev/office-ui-fabric-react
|
|
|
|
Documentation can be found here:
|
|
|
|
https://developer.microsoft.com/en-us/fabric/#/components
|
|
|
|
## Learn about Components and How to Look up Documentation
|
|
|
|
- Stack
|
|
- Default Button / Primary Button
|
|
|
|
# Exercise
|
|
|
|
1. Open up the [Documentation for DefaultButton](https://developer.microsoft.com/en-us/fabric/#/components/button)
|
|
2. Open up the TSX files inside `components/`
|
|
3. Replace the DOM tags with Fabric components in those TSX files with these components:
|
|
|
|
- Stack
|
|
- DefaultButton
|
|
- Checkbox
|
|
- TextField
|
|
- Pivot (for the filter)
|
|
|
|
# Bonus Exercise
|
|
|
|
GO WILD! There are so many components from the Fabric library! Try to put some components in the exercise component files.
|