Introduction

!!! To use TypeScript, you should also install '@types/styled-components'. You can install it in devDependencies.

I wrote the codes in the CondeSandbox.

Please import the file you will study in 'index.tsx'.

Below, there will be the order.

Order

I omitted '.tsx'.

Basic

Basic > Variable > Attribute > Inherit > ExternalFile

Prop

Prop1 > Prop2 > Prop3

Extend

Extend1 > Extend2 > Extend3

As

As

Nest

Nest1 > Nest2 > Nest3 > Nest4 > Nest5

Animate

Animate

Theme

Theme

Event

Event

Ref

ref

Helper - css

HelperCss1 > HelperCss2

CodeSandbox