@gechiui/components

Version:

UI components for GeChiUI.

github.com/GeChiUI/gutenberg/tree/HEAD/packages/components/README.md

20 lines (14 loc) • 968 B

Markdown

# Placeholder

## Usage

```jsx
import { Placeholder } from '@gechiui/components';
import { more } from '@gechiui/icons';

const MyPlaceholder = () => <Placeholder icon={ more } label="Placeholder" />;
```

### Props

| Name             | Type                | Default     | Description                                                       |
| ---------------- | ------------------- | ----------- | ----------------------------------------------------------------- |
| `icon`           | `string, GCElement` | `undefined` | If provided, renders an icon next to the label.                   |
| `label`          | `string`            | `undefined` | Renders a label for the placeholder.                              |
| `instructions`   | `string`            | `undefined` | Renders instruction text below label.                             |
| `isColumnLayout` | `bool`              | `false`     | Changes placeholder children layout from flex-row to flex-column. |