Skip to content

Commit

Permalink
chore: add missed import
Browse files Browse the repository at this point in the history
  • Loading branch information
dimabory committed Feb 12, 2020
1 parent 0597b95 commit b856d5f
Show file tree
Hide file tree
Showing 4 changed files with 11 additions and 7 deletions.
2 changes: 1 addition & 1 deletion src/components/AccordionTableRow/Example.md
Original file line number Diff line number Diff line change
Expand Up @@ -3,7 +3,7 @@
Renders single row for the `AccordionTable`.

```jsx
import { AccordionTable, colors } from 'precise-ui';
import { AccordionTableRow, AccordionTable, colors } from 'precise-ui';

const columns = {
key: { header: 'Key', sortable: true },
Expand Down
2 changes: 1 addition & 1 deletion src/components/AutocompleteTagBuilder/Example.md
Original file line number Diff line number Diff line change
Expand Up @@ -182,7 +182,7 @@ class App extends React.Component {
**Form example**

```jsx
import { Form, Button, TextField } from 'precise-ui';
import { AutocompleteTagBuilder, Form, Button, TextField } from 'precise-ui';

<Form onSubmit={e => alert(JSON.stringify(e.data))}>
<div>
Expand Down
8 changes: 6 additions & 2 deletions src/components/Button/Example.md
Original file line number Diff line number Diff line change
Expand Up @@ -3,12 +3,16 @@
A simple anchor button.

```jsx
import { Button } from 'precise-ui';

<Button href="#🍕">Click me</Button>
```

Custom interaction after clicking the button.

```jsx
import { Button } from 'precise-ui';

<Button onClick={() => alert('Hi')}>Click me</Button>
```

Expand All @@ -17,12 +21,12 @@ Custom interaction after clicking the button.
There are two types of buttons with their own color themes: `primary` (default) and `secondary`.

```jsx
import { Button } from 'precise-ui';

<div>
<div>
<Button>Default</Button>
<Button buttonStyle="primary">Primary</Button>
<Button buttonStyle="secondary">Secondary</Button>
</div>
</div>

```
Expand Down
6 changes: 3 additions & 3 deletions src/components/Container/Example.md
Original file line number Diff line number Diff line change
Expand Up @@ -3,7 +3,7 @@
Default Container behaviour is fluid, with 100% occupation of its parent's width.

```jsx
import { StackPanel, StackItem } from 'precise-ui';
import { Container, StackPanel, StackItem } from 'precise-ui';

const style = { background: 'gray', padding: '5px', margin: '5px' };

Expand All @@ -21,7 +21,7 @@ const style = { background: 'gray', padding: '5px', margin: '5px' };
By defining container's maximum width, container stops being fluid and becomes defined with the maximum available width. By default, the container is centered.

```jsx
import { StackPanel, StackItem } from 'precise-ui';
import { Container, StackPanel, StackItem } from 'precise-ui';

const style = { background: 'gray', padding: '5px', margin: '5px' };

Expand All @@ -37,7 +37,7 @@ const style = { background: 'gray', padding: '5px', margin: '5px' };
There is also a possibility of changing the alignment by passing `align` property. Containers can be aligned `left`, `right` or `center`.

```jsx
import { StackPanel, StackItem } from 'precise-ui';
import { Container, StackPanel, StackItem } from 'precise-ui';

const style = { background: 'gray', padding: '5px', margin: '5px' };

Expand Down

0 comments on commit b856d5f

Please sign in to comment.