bitwarden/browser
1
0
Fork 0
mirror of https://github.com/bitwarden/browser synced 2026-02-13 06:54:07 +00:00
Code Issues Releases Wiki Activity

update docs

Browse Source
This commit is contained in:
William Martin
2024-10-30 14:31:19 -04:00
parent 30704805d7
commit 16961986da
1 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
libs/components/src/stories/compact-mode.mdx
View File

@@ -17,7 +17,7 @@ by removing the class. Alternatively
## Tailwind
Component authors can hook into this setting with the `bit-compact` Tailwind variant. In the
following example, the paragraph's padding is removed when compact mode is enabled.
following example, the paragraph's padding is reduced when compact mode is enabled.
```html
<p class="tw-bg-primary-100 tw-p-4 bit-compact:tw-p-0.5">Lorem impsum doggo dolor...</p>
@@ -33,10 +33,10 @@ following example, the paragraph's padding is removed when compact mode is enabl
<p class="tw-bg-primary-100 tw-p-4 bit-compact:tw-p-0.5">Lorem impsum doggo dolor...</p>
</div>
## Toggling compact mode
## Settings Service
Compact mode can be enabled by adding the `tw-bit-compact` class to an ancestor element and disabled
by removing the class.
To get/set compact mode in TypeScript, the `BitSettingsService` exposes a `compactMode` signal.
However, using the Tailwind variant should be preferred as it is more performant.
## Components that support compact mode