<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]