selector
v0.0.9arrow_drop_downv0.0.9
v0.0.8
v0.0.7
v0.0.6
v0.0.4
v0.0.3
v0.0.2
v0.0.1
STATUS
Passing
DOWNLOADS
23
LICENSE
MIT
VISIBILITY
Public
PUBLISHED
3 months ago
SIZE
11 KB
subject
Renders an icon and a text into an `PrimaryButton`.
1 contributor
Like
Use selector in your project ?
Copied
npm i @bit/lekanmedia.shared-ui.selector
Set Bit as a scoped registryLearn more
npm config set '@bit:registry' https://node.bit.dev
Component Example
React
React
Vue
Angular
Add dependency... help_outline
Just any of the 1 million components
and packages in Bit or NPM to the example.importimport Button from '@bit/grommet.grommet.button';
import Lodash from 'lodash';revert changes
reload
toggle layout
maximize
chevron_left
chevron_right
Selector (
props.className:
string,props.addClass:
string,props.width:
number,props.height:
number,props.text:
string,props.textStyle:
object,props.icon:
string,props.iconStyle:
object,props.onClick:
function,props.onClickIcon:
) : functionJSX.ElementRenders an icon and a text into an PrimaryButton.
Arguments
props.className:
stringThe default class of the button.
props.addClass:
stringAdd extra class styles to overwrite default class.
props.width:
numberWidth of the button.
props.height:
numberHeight of the button.
props.text:
stringText for the button.
props.textStyle:
objectStyle Inline CSS styles for the button text.
props.icon:
stringGoogle Material Icon for the button.
props.iconStyle:
objectStyle Inline CSS styles for icon.
props.onClick:
functiononclick event function of the button.
props.onClickIcon:
functiononclick event function of the icon.
Returns
JSX.ElementA `TextIconButton` with a text and clickable icon.
ActiveSelector (
props.isActive:
) : booleanJSX.ElementWraps a Selector and renders a Spinner when the Selector is clicked.
Argument
props.isActive:
booleanA boolean value to render the Spinner component.
Returns
JSX.ElementA wrapped Selector Component.