@nodestrap/basic
TypeScript icon, indicating that this package has built-in type declarations

4.0.7 • Public • Published

<Basic />

A basic building block with standard stylesheet of nodestrap components.
This is a themed generic element for the base of Nodestrap components.

Preview

<Basic tag='span' theme='primary' size='lg' gradient={true} outlined={true} >
    hello world
</Basic>

Rendered to:

<span class="c1 thPrimary szLg gradient outlined">
    hello world
</span>

Features

  • Includes all features in <Element />.
  • 3 size variants: small (sm), normal (unset), large (lg).
  • Themeable (default themes are: primary, secondary, success, info, warning, danger, dark & light).
  • Normal mode (background color as theme color and contrast text color).
  • Gradient mode (semi 3D view).
  • Outlined mode (transparent view with contrast borders).
  • Mild mode (smooth background color near to page's background and strong text color).
  • Nice borders, border radius and paddings (based on it's size, theme and mode).
  • Dynamic theming. All theming stuff based on css variables, no compilation required after modification.
  • Theming is customizable & shared to another Nodestrap based components (via css variables).
  • Written with TypeScript (superset of JavaScript) & compiled to ES6 module.
  • IntelliSense supported.

Installation

Using npm:

npm i @nodestrap/basic

Support Us

If you feel our lib is useful for your projects,
please make a donation to avoid our project from extinction.

We always maintain our projects as long as we're still alive.

[Make a donation]

Package Sidebar

Install

npm i @nodestrap/basic

Weekly Downloads

1

Version

4.0.7

License

ISC

Unpacked Size

125 kB

Total Files

6

Last publish

Collaborators

  • heymarco