diff --git a/packages/website/docs/components/display/aspect_ratio.mdx b/packages/website/docs/components/display/aspect_ratio.mdx index 32174114187..cd9552a0b4d 100644 --- a/packages/website/docs/components/display/aspect_ratio.mdx +++ b/packages/website/docs/components/display/aspect_ratio.mdx @@ -6,9 +6,7 @@ id: display_aspect_ratio # Aspect ratio :::warning - In some cases, aspect ratio sizing may not be supported by the embed. This component will only work with ones that do, like YouTube. - ::: **EuiAspectRatio** provides a way to responsively resize a single block level child element to a specificied ratio. This is useful for things like YouTube iframes or other embeds that initially have a fixed size. If you need something similar for images, take a look at CSS's [object-fit property](https://www.w3schools.com/css/css3_object-fit.asp). diff --git a/packages/website/docs/components/elastic_charts/accessibility_features.mdx b/packages/website/docs/components/elastic_charts/accessibility_features.mdx index 396900831f7..52cce48872e 100644 --- a/packages/website/docs/components/elastic_charts/accessibility_features.mdx +++ b/packages/website/docs/components/elastic_charts/accessibility_features.mdx @@ -333,9 +333,7 @@ XY charts include: area, bar, and histogram. You can add meaning to your color segments by using the `bandLabels` prop. :::note - In version 64.1.0, semantic groupings are only available for **goal and gauge charts**. - ::: diff --git a/packages/website/docs/components/elastic_charts/metric_chart.mdx b/packages/website/docs/components/elastic_charts/metric_chart.mdx index 5bd7f7a9e87..57726cf0ada 100644 --- a/packages/website/docs/components/elastic_charts/metric_chart.mdx +++ b/packages/website/docs/components/elastic_charts/metric_chart.mdx @@ -614,9 +614,7 @@ Metric charts are composed of a series of elements that follow a specified hiera Below certain breakpoints, secondary elements such as `subtitles` are removed in order to leave as much space as possible for primary elements (`title`, `value`). Be aware of this limitation when dealing with small metrics. :::warning - Please be always aware of this limit and resize the Metric component accordingly within your interface or dashboard. - ::: ```mdx-code-block diff --git a/packages/website/docs/components/forms/compressed_forms.mdx b/packages/website/docs/components/forms/compressed_forms.mdx index 257c7569202..cb0a9fc4111 100644 --- a/packages/website/docs/components/forms/compressed_forms.mdx +++ b/packages/website/docs/components/forms/compressed_forms.mdx @@ -8,9 +8,7 @@ id: forms_compressed_forms Also known as **Editor-Style Controls**, compressed forms and controls were specifically created for use when space is at a premium. They are not intended for use when the form is the main objective of the page. They work best in editor-style applications where form controls are being used to create or edit content on the page. :::danger - Do not use compressed and non-compressed form controls in the same form. - ::: To use compressed forms, pass `display="rowCompressed"` to the EuiFormRows and `compressed=true` to the form controls themselves. diff --git a/packages/website/docs/components/forms/date_picker.mdx b/packages/website/docs/components/forms/date_picker.mdx index 3ecd7b7f3ed..9cc1853891e 100644 --- a/packages/website/docs/components/forms/date_picker.mdx +++ b/packages/website/docs/components/forms/date_picker.mdx @@ -151,9 +151,7 @@ export default () => { Locale formatting is achieved by using the `locale`,`timeFormat`, and `dateFormat` props. The latter will take any `moment()` notation. Check [Date format by country](https://en.wikipedia.org/wiki/Date_format_by_country) for formatting examples. :::warning - Moment will try to load the locale on demand when it is used. Bundlers that do not support dynamic require statements will need to explicitly import the locale, e.g. `import 'moment/locale/zh-cn'`. See the below demo JS for examples. - ::: ```tsx interactive diff --git a/packages/website/docs/components/layout/flyout.mdx b/packages/website/docs/components/layout/flyout.mdx index 609f4c59040..51308457c15 100644 --- a/packages/website/docs/components/layout/flyout.mdx +++ b/packages/website/docs/components/layout/flyout.mdx @@ -813,9 +813,7 @@ export default () => { By default, flyouts will continue to grow with the width of the window. To stop this growth at an ideal width, set `maxWidth` to `true`, or pass your own custom size. :::warning - Note that there are some caveats to providing a maxWidth that is smaller than the minWidth. - ::: ```tsx interactive diff --git a/packages/website/docs/components/navigation/side_nav.mdx b/packages/website/docs/components/navigation/side_nav.mdx index 4d44befd07e..df559e23620 100644 --- a/packages/website/docs/components/navigation/side_nav.mdx +++ b/packages/website/docs/components/navigation/side_nav.mdx @@ -76,9 +76,7 @@ Since **EuiSideNav** renders a `