2.27.3 • Published 2 days ago

@economic/taco v2.27.3

Weekly downloads
-
License
MIT
Repository
github
Last release
2 days ago

@economic/taco

UI React component library

Usage

npm install --save @economic/taco
import { Button } from '@economic/taco';

const MyComponent = () => <Button>Tada!</Button>;

Development

Guidelines for new components

Start by creating a folder under src/ with the name of the component, e.g. <MyAwesomeComponent />:

src/
├── ...
├── components
│   ├── MyAwesomeComponent
│   │   ├── MyAwesomeComponent.css
│   │   ├── MyAwesomeComponent.mdx
│   │   ├── MyAwesomeComponent.test.tsx
│   │   ├── MyAwesomeComponent.tsx
├── index.tsx
└── ...

Conceptually, the component's style, implementation, tests & documentation are co-located in its own folder.

MyAwesomeComponent/MyAwesomeComponent.css Holds the component's style, directly imported in the implementation MyAwesomeComponent/MyAwesomeComponent.mdx Holds the component's documentation MyAwesomeComponent/MyAwesomeComponent.test.tsx Holds the component's tests - if applicable MyAwesomeComponent/MyAwesomeComponent.tsx Holds the component's implementation

If the component has a special (snowflake) case/variation, it's best advised to implement as separate component within the same folder (e.g. <Button /> and <IconButton />)

Consumption

Components

Import individual components from tailwind as you need them.

Styling

Taco uses tailwind, but does not process its css before exporting. It exports css with tailwind commands present - you must process the stylesheet with tailwind yourself.

Browser targeting, purging and minification should be performed by the consumer.

Your postcss config probably looks something like this:

module.exports = {
    plugins: ['tailwindcss', 'autoprefixer'],
};

Your tailwind.config.js should look something like this:

const tailwindConfig = require('@economic/taco/tailwind.config.js');

module.exports = {
    presets: [require('@economic/taco/tailwind.config.js'))],
    content: {
        files: ['../src/**/*.{mdx,tsx}', './node_modules/@economic/taco/dist/taco.esm.js'],
    },
};

You should then import the taco stylesheet in your application:

import '@economic/taco/dist/index.css';
@dnd-kit/modifiers@dnd-kit/sortable@economic/taco-tokens@radix-ui/react-accordion@radix-ui/react-alert-dialog@radix-ui/react-checkbox@radix-ui/react-dialog@radix-ui/react-dropdown-menu@radix-ui/react-hover-card@radix-ui/react-popover@radix-ui/react-radio-group@radix-ui/react-scroll-area@radix-ui/react-switch@radix-ui/react-tabs@radix-ui/react-tooltip@radix-ui/react-use-controllable-state@react-aria/focus@react-aria/interactions@tanstack/react-table@tanstack/react-virtualclsxdate-fnsframer-motionlodash-esreact-day-pickerreact-intersection-observerreact-joyridereact-tablereact-virtualreact-windowreact-window-infinite-loadertypeface-open-sansuuid
@everything-registry/sub-chunk-276@infinitebrahmanuniverse/nolb-_eco
2.27.2

2 days ago

2.27.3

2 days ago

2.27.1

4 days ago

2.27.0

8 days ago

2.26.20

22 days ago

2.26.12

22 days ago

2.26.11

22 days ago

2.26.19

22 days ago

2.26.18

22 days ago

2.26.17

22 days ago

2.26.16

22 days ago

2.26.15

22 days ago

2.26.14

22 days ago

2.26.13

22 days ago

2.26.10

23 days ago

2.26.9

25 days ago

2.26.7

1 month ago

2.26.8

1 month ago

2.26.6

1 month ago

2.26.5

1 month ago

2.26.3

1 month ago

2.26.4

1 month ago

2.26.2

1 month ago

2.26.1

1 month ago

2.26.0

1 month ago

2.25.1

1 month ago

2.25.1-alpha.13

1 month ago

2.25.0

2 months ago

2.24.0

2 months ago

2.23.0

2 months ago

2.22.1

2 months ago

2.22.0

2 months ago

2.22.2

2 months ago

2.21.3

3 months ago

2.21.2

3 months ago

2.21.1

3 months ago

2.21.0

3 months ago

2.20.3

3 months ago

2.20.2

3 months ago

2.20.0

3 months ago

2.20.1

3 months ago

2.19.0

3 months ago

2.18.0

3 months ago

2.17.2

3 months ago

2.17.1

3 months ago

2.17.0

3 months ago

2.16.0

4 months ago

2.15.0

4 months ago

2.0.0-alpha.7

9 months ago

2.11.0

6 months ago

2.11.1

6 months ago

2.4.1

8 months ago

2.0.0-alpha.5

9 months ago

2.4.0

9 months ago

2.0.0-alpha.6

9 months ago

2.4.3

8 months ago

2.4.2

8 months ago

2.11.2

6 months ago

2.10.1

6 months ago

2.3.0

9 months ago

2.10.0

6 months ago

2.2.1

9 months ago

2.2.0

9 months ago

2.2.3

9 months ago

2.2.2

9 months ago

2.2.5

9 months ago

2.2.4

9 months ago

2.1.2

9 months ago

2.1.1

9 months ago

2.1.3

9 months ago

2.9.0

6 months ago

2.1.0

9 months ago

2.0.3

9 months ago

2.0.2

9 months ago

2.0.5

9 months ago

2.0.4

9 months ago

2.8.1

7 months ago

2.8.0

7 months ago

1.40.2

10 months ago

2.0.1

9 months ago

2.0.0-alpha.173

9 months ago

2.0.0

9 months ago

1.40.3

10 months ago

2.9.2

6 months ago

2.9.1

6 months ago

2.7.0

8 months ago

2.7.2

8 months ago

2.7.1

8 months ago

1.41.0

9 months ago

2.14.1

5 months ago

2.14.2

5 months ago

2.14.0

5 months ago

2.6.0

8 months ago

2.7.4

7 months ago

2.7.3

8 months ago

2.7.5

7 months ago

2.13.0

5 months ago

2.12.0

6 months ago

2.5.0

8 months ago

2.12.1

6 months ago

1.40.1

10 months ago

1.29.0

1 year ago

1.32.0

1 year ago

1.34.2

1 year ago

1.34.0

1 year ago

1.34.1

1 year ago

1.22.3

1 year ago

1.22.4

1 year ago

1.22.1

1 year ago

1.22.2

1 year ago

1.22.7

1 year ago

1.22.8

1 year ago

1.22.5

1 year ago

1.22.6

1 year ago

1.22.9

1 year ago

1.33.0

1 year ago

1.35.1

1 year ago

1.35.2

1 year ago

1.35.0

1 year ago

1.35.3

1 year ago

1.35.4

1 year ago

1.23.0

1 year ago

1.23.1

1 year ago

1.36.0

1 year ago

1.24.0

1 year ago

1.37.0

12 months ago

1.40.0

10 months ago

1.25.0

1 year ago

1.25.1

1 year ago

1.25.2

1 year ago

1.25.3

1 year ago

1.38.2

12 months ago

1.38.0

12 months ago

1.38.1

12 months ago

1.26.0

1 year ago

1.26.1

1 year ago

1.26.2

1 year ago

1.39.0

10 months ago

1.27.0

1 year ago

1.30.2

1 year ago

1.30.0

1 year ago

1.30.1

1 year ago

1.28.1

1 year ago

1.28.0

1 year ago

1.31.1

1 year ago

1.31.2

1 year ago

1.31.0

1 year ago

1.21.0

1 year ago

1.21.1

1 year ago

1.21.4

1 year ago

1.21.5

1 year ago

1.21.2

1 year ago

1.21.3

1 year ago

1.21.8

1 year ago

1.21.9

1 year ago

1.21.6

1 year ago

1.21.7

1 year ago

1.19.0

1 year ago

1.19.1

1 year ago

1.22.0

1 year ago

1.20.0

1 year ago

1.14.1

1 year ago

1.2.0

2 years ago

1.14.0

2 years ago

1.10.4

2 years ago

1.10.3

2 years ago

1.10.2

2 years ago

1.18.1

1 year ago

1.18.0

1 year ago

1.14.3

1 year ago

1.14.2

1 year ago

1.6.0

2 years ago

1.4.2-alpha.0

2 years ago

1.4.2-alpha.4

2 years ago

1.4.2-alpha.2

2 years ago

1.15.0

1 year ago

1.11.2

2 years ago

1.11.1

2 years ago

1.15.1

1 year ago

1.9.1

2 years ago

1.9.0

2 years ago

1.5.0

2 years ago

1.10.1

2 years ago

1.10.0

2 years ago

1.12.3

2 years ago

1.12.2

2 years ago

1.12.1

2 years ago

1.12.0

2 years ago

1.16.2

1 year ago

1.16.1

1 year ago

1.17.0-alpha.0

1 year ago

1.16.0

1 year ago

1.8.1

2 years ago

1.8.0

2 years ago

1.4.3

2 years ago

1.4.2

2 years ago

1.1.5-alpha.127

2 years ago

1.4.1

2 years ago

1.4.0

2 years ago

1.9.2

2 years ago

1.11.0

2 years ago

1.13.2

2 years ago

1.13.1

2 years ago

1.13.0

2 years ago

1.17.2

1 year ago

1.17.1

1 year ago

1.17.0

1 year ago

1.13.4

2 years ago

1.13.3

2 years ago

1.17.4

1 year ago

1.17.3

1 year ago

1.7.0

2 years ago

1.1.5-alpha.108

2 years ago

1.3.0

2 years ago

1.1.9-alpha.1

2 years ago

1.1.9-alpha.0

2 years ago

1.1.9-alpha.2

2 years ago

1.1.5-alpha.0

2 years ago

1.1.5-alpha.1

2 years ago

1.1.5-alpha.102

2 years ago

1.1.9

2 years ago

1.1.8

2 years ago

1.1.7

2 years ago

1.1.6

2 years ago

1.1.13-alpha.0

2 years ago

1.1.12

2 years ago

1.1.11

2 years ago

1.1.10

2 years ago

1.1.10-alpha.0

2 years ago

1.1.12-alpha.0

2 years ago

1.1.1

2 years ago

1.1.4

2 years ago

1.1.3

2 years ago

1.1.2

2 years ago

1.1.0

2 years ago

1.0.9

2 years ago

1.0.8

2 years ago

1.0.7

2 years ago

1.0.6

2 years ago

1.0.5

2 years ago

1.0.2

2 years ago

1.0.1

2 years ago

1.0.0

2 years ago

0.0.33-alpha.6

2 years ago

1.0.4

2 years ago

1.0.3

2 years ago

0.0.33-alpha.4

2 years ago

1.0.0-alpha.1

2 years ago

1.0.0-alpha.0

2 years ago

0.0.33-alpha.1

2 years ago

0.0.33-alpha.0

2 years ago

0.0.26-alpha.6

2 years ago

0.0.26-alpha.8

2 years ago

0.0.26-alpha.9

2 years ago

0.0.30-alpha.0

2 years ago

0.0.26-alpha.0

2 years ago

0.0.32-alpha.0

2 years ago

0.0.28-alpha.5

2 years ago

0.0.28-alpha.0

2 years ago

0.0.27-alpha.0

2 years ago

0.0.27-alpha.1

2 years ago

0.0.31-alpha.0

2 years ago

0.0.31-alpha.2

2 years ago

0.0.31-alpha.1

2 years ago

0.0.25-alpha.0

2 years ago

0.0.29-alpha.0

2 years ago

0.0.24-alpha.0

2 years ago

0.0.23-alpha.0

2 years ago

0.0.22-alpha.0

2 years ago

0.0.21-alpha.0

2 years ago

0.0.20-alpha.0

2 years ago

0.0.19-alpha.0

2 years ago

0.0.18-alpha.0

2 years ago

0.0.17-alpha.0

2 years ago

0.0.16-alpha.0

2 years ago

0.0.15-alpha.0

2 years ago

0.0.14-alpha.0

2 years ago

0.0.13-alpha.0

2 years ago

0.0.12-alpha.0

2 years ago

0.0.11-alpha.0

2 years ago

0.0.10-alpha.0

2 years ago

0.0.9-alpha.0

2 years ago

0.0.8-alpha.0

2 years ago

0.0.7-alpha.0

2 years ago

0.0.6-alpha.0

2 years ago

0.0.5-alpha.0

2 years ago

0.0.4-alpha.0

2 years ago

0.0.3-alpha.0

2 years ago

0.0.2-alpha.0

2 years ago

0.0.1-alpha.8

2 years ago

0.0.1-alpha.6

2 years ago

0.0.1-alpha.2

2 years ago

0.0.1-alpha.0

2 years ago

0.0.1-alpha.1543

2 years ago

0.0.1-alpha.1533

2 years ago

0.0.1-alpha.1532

2 years ago