0.0.27 • Published 2 years ago

@newsh/ui v0.0.27

Weekly downloads
-
License
-
Repository
-
Last release
2 years ago

@newsh/ui

Newsh specific components and a pre-configured tailwind-config.

Install

npm i @newsh/ui --save

Preparation:

Add this into your tailwind.config.js:

module.exports = {
    presets: [require('@newsh/ui/tailwind.config')],
    // Your extra additions here...
};

This will track the following files by default:

content: [
    './src/**/*.{js,jsx,ts,tsx}',
    './public/index.html',
    './index.html',
    'node_modules/@newsh/ui/dist/**/*.js',
];

If you have a custom setup, then you will need to append 'node_modules/@newsh/ui/dist/**/*.js', to your content list in order for newsh/ui to work.

Fonts

You also have to include the Google fonts scripts inside your <head>-tag.

<link rel="preconnect" href="https://fonts.gstatic.com" />
<link
    href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap"
    rel="stylesheet"
/>

Usage

Button example

import { Button } from '@newsh/ui';

<Button variant="outline">Click me</Button>;

Typography example

<div className="text-heading-1">This will be styled as a large heading.</div>

See tailwind.config.js for all typography and colors.

Storybook Development

npm install
npm run start

Release

npm run release
color
@infinitebrahmanuniverse/nolb-_new@everything-registry/sub-chunk-644@zalastax/nolb-_new
0.0.27

2 years ago

0.0.26

2 years ago

0.0.24

2 years ago

0.0.25

2 years ago

0.0.23

2 years ago

0.0.22

3 years ago

0.0.21

3 years ago

0.0.20

3 years ago

0.0.12

3 years ago

0.0.13

3 years ago

0.0.14

3 years ago

0.0.15

3 years ago

0.0.16

3 years ago

0.0.17

3 years ago

0.0.18

3 years ago

0.0.19

3 years ago

0.0.10

3 years ago

0.0.11

3 years ago

0.0.9

3 years ago

0.0.8

3 years ago

0.0.7

3 years ago

0.0.6

3 years ago

0.0.5

3 years ago

0.0.4

3 years ago

0.0.3

3 years ago

0.0.2

3 years ago

0.0.1

3 years ago