bitwarden/browser
1
0
Fork 0
mirror of https://github.com/bitwarden/browser synced 2025-12-18 17:23:37 +00:00
Code Issues Releases Wiki Activity

[CL-305] Allow margin to be disabled for elements at the bottom of a page (#10132)

Browse Source
This commit is contained in:
Victoria League
2024-07-24 12:08:33 -04:00
committed by GitHub
parent c52709e6f0
commit 5a2db79235
7 changed files with 67 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
libs/components/src/section/section.mdx
View File

@@ -13,6 +13,19 @@ import { SectionComponent, SectionHeaderComponent } from "@bitwarden/components"
Sections are simple containers that apply a responsive bottom margin and utilize the semantic
`section` HTML element.
```html
<bit-section>
<div>Lots of amazing content!</div>
</bit-section>
```
To remove the bottom margin (for example, if the section is the last item on the page), you can pass
the `disableMargin` input.
```html
<bit-section disableMargin></bit-section>
```
<Canvas>
<Story of={stories.Default} />
</Canvas>
@@ -24,7 +37,7 @@ Sections often contain a heading. Use `bit-section-header` inside of the `bit-se
```html
<bit-section>
<bit-section-header>
<h1 bitTypography="h1">I'm a section header</h2>
<h1 bitTypography="h1">I'm a section header</h1>
</bit-section-header>
<div>Section content here!</div>
</bit-section>