action-block
v0.1.8arrow_drop_downv0.1.8
v0.1.7
v0.1.6
v0.1.5
v0.1.4
v0.1.3
v0.1.2
v0.1.1
v0.1.0
STATUS
Passing
DOWNLOADS
122
VISIBILITY
Public
PUBLISHED
4 years ago
SIZE
102 KB
1 contributor
Like
Install action-block as a package?
Copied
npm i @bit/clui.nui-ui.blocks.tutorial.action-block
Set Bit as a scoped registryLearn more
npm config set '@bit:registry' https://node.bit.cloud
Component Example 
React
React
Vue
Angular
React Native
Add dependency... help_outline
Just any of the 1 million components
and packages in Bit or NPM to the example.toggle layout
chevron_left
chevron_right
Description
For action block at the end of a module.
Import from bit.dev
https://bit.dev/clui/nui-ui/blocks/tutorial/action-block
yarn add @bit/clui.nui-ui.blocks.tutorial.action-block
import ActionBlock from '@bit/clui.nui-ui.blocks.tutorial.action-block';
Props
This component inherits ui/common/section-block. Please refer to /?path=/story/ui-common-sectionblock–default for all the inherited props.
Below are the props defined for this component:
| Name | Type | Default | Description |
|---|---|---|---|
| html | string | - | - |
| buttonIcon | React.ReactElement | - | - |
| buttonIconAlignment | ‘left’ | ‘right’ | - | - |
| buttonLebel | string | React.ReactElement | - | - |
| buttonColor | ‘inherit’ | ‘primary’ | ‘secondary’ | ‘default’ | - | - |
| buttonAdditionalColor | ‘white’ | - | - |
| textAlign | ‘left’ | ‘right’ | ‘inherit’ | ‘center’ | ‘justify’ | - | - |
| onClick | (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void | - | - |