Skip to content

Commit cd745f0

Browse files
authored
Add example with repository links (#1776)
1 parent 6404152 commit cd745f0

File tree

1 file changed

+45
-1
lines changed

1 file changed

+45
-1
lines changed

src/stories/ActionList2.stories.tsx

Lines changed: 45 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -21,7 +21,9 @@ import {
2121
IssueOpenedIcon,
2222
NumberIcon,
2323
XIcon,
24-
RepoIcon
24+
RepoIcon,
25+
BookIcon,
26+
EyeIcon
2527
} from '@primer/octicons-react'
2628
import {Meta} from '@storybook/react'
2729
import React, {forwardRef} from 'react'
@@ -1034,6 +1036,48 @@ export function WithSx(): JSX.Element {
10341036
}
10351037
WithSx.storyName = 'With sx'
10361038

1039+
export function RepositoryLinks(): JSX.Element {
1040+
return (
1041+
<>
1042+
<h1>Repository Links</h1>
1043+
1044+
<ActionList>
1045+
<ActionList.LinkItem href="https://github.com/primer/react#readme">
1046+
<ActionList.LeadingVisual>
1047+
<BookIcon />
1048+
</ActionList.LeadingVisual>
1049+
Readme
1050+
</ActionList.LinkItem>
1051+
<ActionList.LinkItem href="https://github.com/primer/react/blob/main/LICENSE">
1052+
<ActionList.LeadingVisual>
1053+
<LawIcon />
1054+
</ActionList.LeadingVisual>
1055+
MIT License
1056+
</ActionList.LinkItem>
1057+
<ActionList.LinkItem href="https://github.com/primer/react/stargazers">
1058+
<ActionList.LeadingVisual>
1059+
<StarIcon />
1060+
</ActionList.LeadingVisual>
1061+
<strong>1.5k</strong> stars
1062+
</ActionList.LinkItem>
1063+
<ActionList.LinkItem href="https://github.com/primer/react/watchers">
1064+
<ActionList.LeadingVisual>
1065+
<EyeIcon />
1066+
</ActionList.LeadingVisual>
1067+
<strong>21</strong> watching
1068+
</ActionList.LinkItem>
1069+
<ActionList.LinkItem href="https://github.com/primer/react/network/members">
1070+
<ActionList.LeadingVisual>
1071+
<RepoForkedIcon />
1072+
</ActionList.LeadingVisual>
1073+
<strong>225</strong> forks
1074+
</ActionList.LinkItem>
1075+
</ActionList>
1076+
</>
1077+
)
1078+
}
1079+
RepositoryLinks.storyName = 'Repository Links'
1080+
10371081
export function MemexGroupBy(): JSX.Element {
10381082
const [selectedIndex, setSelectedIndex] = React.useState<number | null>(1)
10391083

0 commit comments

Comments
 (0)