Backport #25163 by @wxiaoguang
The code can be as simple as:
```html
<div class="flex-text-block">{{svg "octicon-alert"}} {{svg "octicon-x"}} text (block)</div>
<div><div class="flex-text-inline">{{svg "octicon-alert"}} {{svg "octicon-x"}} text</div> (inline)</div>
<div><button class="ui red button">{{svg "octicon-alert" 24}} {{svg "octicon-x" 24}} text</button></div>
```
![image](
|
||
---|---|---|
.. | ||
.eslintrc.yaml | ||
ActionRunStatus.vue | ||
ActivityHeatmap.vue | ||
ContextPopup.vue | ||
DashboardRepoList.vue | ||
DiffFileList.vue | ||
DiffFileTree.vue | ||
DiffFileTreeItem.vue | ||
PullRequestMergeForm.vue | ||
RepoActionView.test.js | ||
RepoActionView.vue | ||
RepoActivityTopAuthors.vue | ||
RepoBranchTagSelector.vue | ||
ScopedAccessTokenSelector.vue |