Skip to content

Commit 2601105

Browse files
committed
Update React docs
1 parent af5663b commit 2601105

File tree

1 file changed

+23
-0
lines changed

1 file changed

+23
-0
lines changed

apps/docs/content/components/Pillar/react.mdx

+23
Original file line numberDiff line numberDiff line change
@@ -49,6 +49,25 @@ You can add an `icon` to enhance the visual context. We recommend using an [Octi
4949
</Pillar>
5050
```
5151

52+
### Image
53+
54+
You can add an `image` to enhance the visual context.
55+
56+
```jsx live
57+
<Pillar>
58+
<Pillar.Image
59+
src="https://via.placeholder.com/600x400/d3d9df/d3d9df.png"
60+
alt="placeholder, blank area with an gray background color"
61+
aspectRatio="16:9"
62+
/>
63+
<Pillar.Heading>Code search & code view</Pillar.Heading>
64+
<Pillar.Description>
65+
Enables you to rapidly search, navigate, and understand code, right from
66+
GitHub.com.
67+
</Pillar.Description>
68+
</Pillar>
69+
```
70+
5271
### Link
5372

5473
You can add an external link to the Pillar using the `Link` component.
@@ -130,6 +149,10 @@ Use the `Stack` component to stack multiple Pillars horizontally or vertically.
130149
| `icon` | `React.Node` | | `true` | Octicon |
131150
| `color` | <PropTableValues values={PillarIconColors} addLineBreaks /> | `default` | `false` | The color of the Pillar icon |
132151

152+
### Pillar.Image
153+
154+
Forwards all the props from the [Image component](/components/Image), including `src`, `alt`, and `aspectRatio`.
155+
133156
### Pillar.Heading
134157

135158
| name | type | default | required | description |

0 commit comments

Comments
 (0)