diff --git a/blog/2024-11-06-custom-card-sections-support.md b/blog/2024-11-06-custom-card-sections-support.md new file mode 100644 index 00000000000..0f7c581c59a --- /dev/null +++ b/blog/2024-11-06-custom-card-sections-support.md @@ -0,0 +1,25 @@ +--- +author: piitaya +authorURL: https://github.com/piitaya +authorImageURL: https://avatars.githubusercontent.com/u/5878303?v=4 +title: Sizing support for custom cards in sections view +--- + +With Home Assistant `2024.11`, "sections" view is now the default view when building a dashboard. One of the new feature of this view type is resizing cards. + +While the resizing feature is supported by default for every card, a new method can be implemented for custom cards to provide the best default size as well as minimum and maximum sizes to ensure the card looks good in all situations. + +The sections are using a 12 columns grid. In this example, the card will take 6 columns and 2 rows by default and the minimal size is 2 by 2. + +```js +public getGridOptions() { + return { + rows: 2, + columns: 6, + min_rows: 2, + min_columns: 3, + }; +} +``` + +For more details, see the [custom card sizing](/docs/frontend/custom-ui/custom-card#sizing-in-sections-view) documentation.