goober

https://goober.rocks

Admin

A lightweight CSS-in-JS solution weighing less than 1KB that provides a familiar API with...

Tokens:516

Snippets:13

Trust Score:6.6

Update:6 months ago

Show doc for...

Tokens:

Raw

### Create Styled Button Component with Goober

Source: https://goober.rocks

Use the `styled` function from Goober to create a React component with scoped CSS. This example demonstrates basic styling, nested selectors, and hover states.

```javascript
_import_ { **styled** } _from_ _'goober'_

_const_ **Button** = **styled**(_'button'_)`
  _border_: 0;
  _background_: dodgerblue;

  _span_ {
    _color_: white;
  }

  _&:hover_ {
    _background_: tomato;
    _span_ {
      _color_: black;
    }
  }
`
```

Tokens:

Raw