The Block component is the simplest component who inherits from NVBaseComponent. It will render a tag (div by default).
Styled Block
This how create a div with some styles on it.
div with some style on it.
<NVBLock
PX="8"
PY="4"
BackgroundColor="orange-50"
TextColor="gray-500"
DarkBackgroundColor="orange-900"
DarkTextColor="white"
>
div with some style on it.
</NVBLock>
<div class="nv-block bg-orange-50 dark:bg-orange-900 text-gray-500 dark:text-white px-8 py-4">
div with some style on it.
</div>
<nv-block px="8" py="4" backgroundcolor="orange-50" textcolor="gray-500"
darkbackgroundcolor="orange-900" darktextcolor="white">
div with some style on it.
</nv-block>
<NvBlock backgroundColor="orange-500" color="primary" darkBackgroundColor="orange-500"
darkTextColor="white" px="8" py="8" textColor="gray-500">
div with some style on it.
</NvBlock>
