Skip to content
This repository was archived by the owner on Jun 20, 2022. It is now read-only.

Commit 3935f6a

Browse files
committed
docs(website): add example @ CodeSandbox
1 parent 668bd91 commit 3935f6a

File tree

2 files changed

+4
-0
lines changed

2 files changed

+4
-0
lines changed

β€Ždocs/ExtendingStyles.mdβ€Ž

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -44,6 +44,8 @@ const BorderedButton = Button.extend`
4444
;<BorderedButton variant="primary">A button with border!</BorderedButton>
4545
```
4646

47+
πŸ‘‰ **[Checkout the interactive example on CodeSandbox](https://codesandbox.io/s/7k8o4x7lj6)**
48+
4749
#### Extend components deeply
4850

4951
Some components are more complex than a `Button`. The `Switch` for an example is a component that includes several elements: a container, a ball... All of these elements have their own classes. To extend it, just use the browser inspector, pick the class and override it πŸ‘Œ.

β€Ždocs/UseAnotherComponent.mdβ€Ž

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -15,6 +15,8 @@ const LinkButton = Button.withComponent('a')
1515
</LinkButton>
1616
```
1717

18+
πŸ‘‰ **[Checkout the interactive example on CodeSandbox](https://codesandbox.io/s/7k8o4x7lj6)**
19+
1820
#### Dynamic approach using `component` property
1921

2022
Every components accept a `component` property, it defines the base component used in each component.

0 commit comments

Comments
Β (0)