Skip to content

Commit 9908812

Browse files
web-padawanclaude
andauthored
docs: update custom CSS properties table for vaadin-crud (#11389)
Co-authored-by: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
1 parent 1f3440a commit 9908812

File tree

2 files changed

+42
-12
lines changed

2 files changed

+42
-12
lines changed

packages/crud/src/vaadin-crud.d.ts

Lines changed: 21 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -153,12 +153,27 @@ export * from './vaadin-crud-mixin.js';
153153
* `footer` | The footer of the dialog
154154
* `content` | The wrapper for the form
155155
*
156-
* The following custom properties are available:
157-
*
158-
* Custom Property | Description | Default
159-
* ----------------|----------------
160-
* --vaadin-crud-editor-max-height | max height of editor when opened on the bottom | 40%
161-
* --vaadin-crud-editor-max-width | max width of editor when opened on the side | 40%
156+
* The following custom CSS properties are available for styling:
157+
*
158+
* Custom CSS property |
159+
* :--------------------------------------|
160+
* | `--vaadin-crud-background` |
161+
* | `--vaadin-crud-border-color` |
162+
* | `--vaadin-crud-border-radius` |
163+
* | `--vaadin-crud-border-width` |
164+
* | `--vaadin-crud-editor-max-height` |
165+
* | `--vaadin-crud-editor-max-width` |
166+
* | `--vaadin-crud-footer-background` |
167+
* | `--vaadin-crud-footer-gap` |
168+
* | `--vaadin-crud-footer-padding` |
169+
* | `--vaadin-crud-form-padding` |
170+
* | `--vaadin-crud-header-color` |
171+
* | `--vaadin-crud-header-font-size` |
172+
* | `--vaadin-crud-header-font-weight` |
173+
* | `--vaadin-crud-header-line-height` |
174+
* | `--vaadin-crud-header-padding` |
175+
* | `--vaadin-crud-toolbar-background` |
176+
* | `--vaadin-crud-toolbar-padding` |
162177
*
163178
* See [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation.
164179
*

packages/crud/src/vaadin-crud.js

Lines changed: 21 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -161,12 +161,27 @@ import { CrudMixin } from './vaadin-crud-mixin.js';
161161
* `footer` | The footer of the dialog
162162
* `content` | The wrapper for the form
163163
*
164-
* The following custom properties are available:
165-
*
166-
* Custom Property | Description | Default
167-
* ----------------|----------------
168-
* --vaadin-crud-editor-max-height | max height of editor when opened on the bottom | 40%
169-
* --vaadin-crud-editor-max-width | max width of editor when opened on the side | 40%
164+
* The following custom CSS properties are available for styling:
165+
*
166+
* Custom CSS property |
167+
* :--------------------------------------|
168+
* | `--vaadin-crud-background` |
169+
* | `--vaadin-crud-border-color` |
170+
* | `--vaadin-crud-border-radius` |
171+
* | `--vaadin-crud-border-width` |
172+
* | `--vaadin-crud-editor-max-height` |
173+
* | `--vaadin-crud-editor-max-width` |
174+
* | `--vaadin-crud-footer-background` |
175+
* | `--vaadin-crud-footer-gap` |
176+
* | `--vaadin-crud-footer-padding` |
177+
* | `--vaadin-crud-form-padding` |
178+
* | `--vaadin-crud-header-color` |
179+
* | `--vaadin-crud-header-font-size` |
180+
* | `--vaadin-crud-header-font-weight` |
181+
* | `--vaadin-crud-header-line-height` |
182+
* | `--vaadin-crud-header-padding` |
183+
* | `--vaadin-crud-toolbar-background` |
184+
* | `--vaadin-crud-toolbar-padding` |
170185
*
171186
* See [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation.
172187
*

0 commit comments

Comments
 (0)