bitwarden/browser
1
0
Fork 0
mirror of https://github.com/bitwarden/browser synced 2025-12-16 08:13:42 +00:00
Code Issues Releases Wiki Activity

[PM-9969] Papercut - Update component library storybook docs (#10191)

Browse Source 
* add component import examples

* component library story html formatting/cleanup nits

* Update libs/components/src/dialog/dialog/dialog.mdx

Co-authored-by: Will Martin <contact@willmartian.com>

* Update libs/components/src/badge/badge.mdx

Co-authored-by: Will Martin <contact@willmartian.com>

* Update libs/components/src/dialog/simple-dialog/simple-dialog.mdx

Co-authored-by: Will Martin <contact@willmartian.com>

---------

Co-authored-by: Will Martin <contact@willmartian.com>
This commit is contained in:
Jonathan Prusik
2024-08-07 11:13:29 -04:00
committed by GitHub
parent f8961e35e7
commit 66d9ab5dc0
18 changed files with 210 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
libs/components/src/badge/badge.mdx
View File

@@ -4,6 +4,10 @@ import * as stories from "./badge.stories";
<Meta of={stories} />
```ts
import { BadgeModule } from "@bitwarden/components";
```
# Badge
The Badge directive can be used on a `<span>` (non clickable events), or an `<a>` or `<button>` tag

4
libs/components/src/badge/badge.stories.ts
View File

@@ -31,9 +31,9 @@ export const Primary: Story = {
props: args,
template: `
<span class="tw-text-main">Span </span><span bitBadge [variant]="variant" [truncate]="truncate">Badge containing lengthy text</span>
<br><br>
<br /><br />
<span class="tw-text-main">Link </span><a href="#" bitBadge [variant]="variant" [truncate]="truncate">Badge</a>
<br><br>
<br /><br />
<span class="tw-text-main">Button </span><button bitBadge [variant]="variant" [truncate]="truncate">Badge</button>
`,
}),