# Add Storybook Components \(\#2956\) · gitcafe/zed

[View on GitCafe](https://git.cafe/gitcafe/zed/commit/c5457881688bffa381ca10ac69224366925d8058)

Repository: [gitcafe/zed](https://git.cafe/gitcafe/zed)

Visibility: public

Requested revision: c5457881688bffa381ca10ac69224366925d8058

Requested commit: c5457881688bffa381ca10ac69224366925d8058

Commit: c5457881688bffa381ca10ac69224366925d8058

Tree: 980f0e63ba3827c0fdc357ee7ce94e428cdc9bc9

Author: Nate Butler

Committer: GitHub

## Message

```
Add Storybook Components (#2956)

[[PR Description]]

Started building out some early components in the storybook using a
modified version of the classic Atomic Design model @mikayla-maki and I
are exploring.

<img width="1134" alt="atomic_design"
src="https://github.com/zed-industries/zed/assets/1714999/9093a8b5-a71d-41d4-bae2-f7562494c5f3">

This PR adds a few things:

- `tab`, `tab_bar` and `icon_button` components
- Dynamic documentation for the proc macro generated methods like `w_8`,
`px_2`, etc.
- Continues to build out the Zed workspace demo

Release Notes:

- N/A
```

## Parents

- [017aa1fdfb3ae779f2ed432048db0b69be33f5e2](https://git.cafe/gitcafe/zed/commit/017aa1fdfb3ae779f2ed432048db0b69be33f5e2?format=markdown)

- [c7ad89d7faa1b5950f109830ef94465fe5739a64](https://git.cafe/gitcafe/zed/commit/c7ad89d7faa1b5950f109830ef94465fe5739a64?format=markdown)

[Source at this commit](https://git.cafe/gitcafe/zed/tree/c5457881688bffa381ca10ac69224366925d8058?format=markdown)