Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
113 changes: 101 additions & 12 deletions docs/3.0.x/migration/button.md
Original file line number Diff line number Diff line change
Expand Up @@ -32,7 +32,14 @@ values={[
]}>
<DocTabItem value="v2">

![/img/Button/Screenshot_2021-01-22_at_12.29.32_PM.png](/img/Button/Screenshot_2021-01-22_at_12.29.32_PM.png)
<Image
source={{
uri:
'/img/Button/Screenshot_2021-01-22_at_12.29.32_PM.png',
}}
width={200}
height={100}
/>

```tsx
<Button success>
Expand All @@ -43,7 +50,15 @@ values={[
</DocTabItem>
<DocTabItem value="v3">

![/img/Button/Screenshot_2021-01-22_at_12.53.09_PM.png](/img/Button/Screenshot_2021-01-22_at_12.53.09_PM.png)

<Image
source={{
uri:
'/img/Button/Screenshot_2021-01-22_at_12.53.09_PM.png',
}}
width={200}
height={100}
/>

```tsx
<Button colorScheme="success">Success</Button>
Expand All @@ -64,7 +79,14 @@ values={[
]}>
<DocTabItem value="v2">

![/img/Button/Screenshot_2021-01-22_at_2.37.09_PM.png](/img/Button/Screenshot_2021-01-22_at_2.37.09_PM.png)
<Image
source={{
uri:
'/img/Button/Screenshot_2021-01-22_at_2.37.09_PM.png',
}}
width={300}
height={100}
/>

```tsx
<Button small primary>
Expand All @@ -75,7 +97,14 @@ values={[
</DocTabItem>
<DocTabItem value="v3">

![/img/Button/Screenshot_2021-01-22_at_2.38.52_PM.png](/img/Button/Screenshot_2021-01-22_at_2.38.52_PM.png)
<Image
source={{
uri:
'/img/Button/Screenshot_2021-01-22_at_2.38.52_PM.png',
}}
width={300}
height={100}
/>

```tsx
<Button size="sm" colorScheme="default">
Expand All @@ -98,23 +127,48 @@ values={[
]}>
<DocTabItem value="v2">

![/img/Button/Screenshot_2021-01-22_at_1.16.25_PM.png](/img/Button/Screenshot_2021-01-22_at_1.16.25_PM.png)

<Image
source={{
uri:
'/img/Button/Screenshot_2021-01-22_at_1.16.25_PM.png',
}}
width={200}
height={100}
/>


```tsx
<Button bordered success>
<Text>Success</Text>
</Button>
```

![/img/Button/Screenshot_2021-01-22_at_1.23.42_PM.png](/img/Button/Screenshot_2021-01-22_at_1.23.42_PM.png)
<Image
source={{
uri:
'/img/Button/Screenshot_2021-01-22_at_1.23.42_PM.png',
}}
width={200}
height={100}
/>


```tsx
<Button transparent success>
<Text>Success</Text>
</Button>
```

![/img/Button/Screenshot_2021-01-22_at_1.17.11_PM.png](/img/Button/Screenshot_2021-01-22_at_1.17.11_PM.png)
<Image
source={{
uri:
'/img/Button/Screenshot_2021-01-22_at_1.17.11_PM.png',
}}
width={200}
height={100}
/>


```tsx
<Button rounded success>
Expand All @@ -125,23 +179,44 @@ values={[
</DocTabItem>
<DocTabItem value="v3">

![/img/Button/Screenshot_2021-01-22_at_1.15.34_PM.png](/img/Button/Screenshot_2021-01-22_at_1.15.34_PM.png)
<Image
source={{
uri:
'/img/Button/Screenshot_2021-01-22_at_1.15.34_PM.png',
}}
width={260}
height={100}
/>

```tsx
<Button variant="outline" colorScheme="success">
Success
</Button>
```

![/img/Button/Screenshot_2021-01-22_at_1.22.36_PM.png](/img/Button/Screenshot_2021-01-22_at_1.22.36_PM.png)
<Image
source={{
uri:
'/img/Button/Screenshot_2021-01-22_at_1.22.36_PM.png',
}}
width={200}
height={100}
/>

```tsx
<Button variant="ghost" colorScheme="success">
Success
</Button>
```

![/img/Button/Screenshot_2021-01-22_at_1.20.36_PM.png](/img/Button/Screenshot_2021-01-22_at_1.20.36_PM.png)
<Image
source={{
uri:
'/img/Button/Screenshot_2021-01-22_at_1.20.36_PM.png',
}}
width={260}
height={100}
/>

```tsx
<Button borderRadius="pill" colorScheme="success">
Expand All @@ -164,7 +239,14 @@ values={[
]}>
<DocTabItem value="v2">

![/img/Button/Screenshot_2021-01-22_at_1.32.47_PM.png](/img/Button/Screenshot_2021-01-22_at_1.32.47_PM.png)
<Image
source={{
uri:
'/img/Button/Screenshot_2021-01-22_at_1.32.47_PM.png',
}}
width={240}
height={100}
/>

```tsx
<Button iconLeft dark>
Expand All @@ -176,7 +258,14 @@ values={[
</DocTabItem>
<DocTabItem value="v3">

![/img/Button/Screenshot_2021-01-22_at_1.38.15_PM.png](/img/Button/Screenshot_2021-01-22_at_1.38.15_PM.png)
<Image
source={{
uri:
'/img/Button/Screenshot_2021-01-22_at_1.38.15_PM.png',
}}
width={270}
height={100}
/>

```tsx
<Button
Expand Down
18 changes: 16 additions & 2 deletions docs/3.0.x/migration/checkbox.md
Original file line number Diff line number Diff line change
Expand Up @@ -22,7 +22,14 @@ values={[
]}>
<DocTabItem value="v2">

![/img/Checkbox/Screenshot_2021-01-22_at_3.09.29_PM.png](/img/Checkbox/Screenshot_2021-01-22_at_3.09.29_PM.png)
<Image
source={{
uri:
'/img/Checkbox/Screenshot_2021-01-22_at_3.09.29_PM.png',
}}
width={500}
height={100}
/>

```tsx
<CheckBox checked={true} color="green"/>
Expand All @@ -34,7 +41,14 @@ values={[
</DocTabItem>
<DocTabItem value="v3">

![/img/Checkbox/Screenshot_2021-01-22_at_4.34.08_PM.png](/img/Checkbox/Screenshot_2021-01-22_at_4.34.08_PM.png)
<Image
source={{
uri:
'/img/Checkbox/Screenshot_2021-01-22_at_4.34.08_PM.png',
}}
width={500}
height={100}
/>

```tsx
<Checkbox isChecked colorScheme="green" />
Expand Down
Loading