0.0.27 • Published 3 years ago

@newsh/ui v0.0.27

Weekly downloads
-
License
-
Repository
-
Last release
3 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

3 years ago

0.0.26

3 years ago

0.0.24

3 years ago

0.0.25

3 years ago

0.0.23

4 years ago

0.0.22

4 years ago

0.0.21

4 years ago

0.0.20

4 years ago

0.0.12

4 years ago

0.0.13

4 years ago

0.0.14

4 years ago

0.0.15

4 years ago

0.0.16

4 years ago

0.0.17

4 years ago

0.0.18

4 years ago

0.0.19

4 years ago

0.0.10

4 years ago

0.0.11

4 years ago

0.0.9

4 years ago

0.0.8

4 years ago

0.0.7

4 years ago

0.0.6

4 years ago

0.0.5

4 years ago

0.0.4

4 years ago

0.0.3

4 years ago

0.0.2

4 years ago

0.0.1

4 years ago