public/grafana
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Grafana/ui: Move Grid out of unstable (#78220)

Browse Source 
* Grafana/ui: move Grid out of unstable

* Update docs
This commit is contained in:
Alex Khomenko
2023-11-16 07:23:22 +02:00
committed by GitHub
parent 71f32d4e19
commit d641f9153e
6 changed files with 4 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/grafana-ui/src/components/Layout/Grid/Grid.mdx
+1 -1
View File
@@ -5,7 +5,7 @@ import { Grid } from './Grid';
# Grid # Grid
The `Grid` component allows for the organized layout and alignment of content into a grid-based structure. The Grid component is a layout component that allows you to create a grid of columns and rows to organize content and elements. It is a wrapper around the [CSS Grid](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Grid_Layout) specification.
## Usage ## Usage
packages/grafana-ui/src/components/Layout/Grid/Grid.internal.story.tsx → packages/grafana-ui/src/components/Layout/Grid/Grid.story.tsx
View File
packages/grafana-ui/src/components/index.ts
+1
View File
@@ -212,6 +212,7 @@ export { TextLink } from './Link/TextLink';
export { Text } from './Text/Text'; export { Text } from './Text/Text';
export { Box } from './Layout/Box/Box'; export { Box } from './Layout/Box/Box';
export { Stack } from './Layout/Stack/Stack'; export { Stack } from './Layout/Stack/Stack';
export { Grid } from './Layout/Grid/Grid';
export { Label } from './Forms/Label'; export { Label } from './Forms/Label';
export { Field, type FieldProps } from './Forms/Field'; export { Field, type FieldProps } from './Forms/Field';
packages/grafana-ui/src/unstable.ts
-2
View File
@@ -8,5 +8,3 @@
* Once mature, they will be moved to the main export, be available to plugins, and * Once mature, they will be moved to the main export, be available to plugins, and
* be subject to the standard policies * be subject to the standard policies
*/ */
export { Grid } from './components/Layout/Grid/Grid';
public/app/features/connections/tabs/ConnectData/CardGrid/CardGrid.tsx
+1 -2
View File
@@ -2,8 +2,7 @@ import { css } from '@emotion/css';
import React from 'react'; import React from 'react';
import { GrafanaTheme2 } from '@grafana/data'; import { GrafanaTheme2 } from '@grafana/data';
import { Card, useStyles2 } from '@grafana/ui'; import { Card, Grid, useStyles2 } from '@grafana/ui';
import { Grid } from '@grafana/ui/src/unstable';
import { PluginAngularBadge } from 'app/features/plugins/admin/components/Badges'; import { PluginAngularBadge } from 'app/features/plugins/admin/components/Badges';
const getStyles = (theme: GrafanaTheme2) => ({ const getStyles = (theme: GrafanaTheme2) => ({
public/app/features/plugins/admin/components/PluginList.tsx
+1 -1
View File
@@ -2,7 +2,7 @@ import React from 'react';
import { useLocation } from 'react-router-dom'; import { useLocation } from 'react-router-dom';
import { config } from '@grafana/runtime'; import { config } from '@grafana/runtime';
import { Grid } from '@grafana/ui/src/unstable'; import { Grid } from '@grafana/ui';
import { CatalogPlugin, PluginListDisplayMode } from '../types'; import { CatalogPlugin, PluginListDisplayMode } from '../types';