Industry-classification-select NPM

industry-classification-select

This is base on GICS, and used ant-design v4 Cascader

When To Use

When you need to select industry classification.

Online Demo

API

import IndustryClassificationSelect from 'industry-classification-select;

<IndustryClassificationSelect onChange={v => consle.log(v)}/>

Parameter

Parameters	Desc	Type	Default
allowClear	whether allow clear	boolean	true
changeOnSelect	change value on each selection if set to true, see above demo for details	boolean	false
className	additional css class	string	-
zh	language zh or en	boolean	false
defaultValue	initial selected value({ code: number; en?: string; zh?: string; desc?: string; desc_zh?: string; })	object	-
disabled	whether disabled select	boolean	false
expandTrigger	expand current item when click or hover, one of 'click' 'hover'	string	‘click’
getPopupContainer	Parent Node which the selector should be rendered to. Default to `body`. When position issues happen, try to modify it into scrollable content and position it relative.example	Function(triggerNode)	() => document.body
notFoundContent	Specify content to show when no result matches.	string	'Not Found'
placeholder	input placeholder	string	'请选择'
popupClassName	additional className of popup overlay	string	-
popupPlacement	use preset popup align config from builtinPlacements：`bottomLeft` `bottomRight` `topLeft` `topRight`	Enum	bottomLeft
popupVisible	set visible of cascader popup	boolean	-
showSearch	Whether show search input in single mode.	boolean	false
size	input size, one of `large` `default` `small`	string	default
style	additional style	string	-
suffixIcon	The custom suffix icon	ReactNode	-
value	selected value({ code: number; en?: string; zh?: string; desc?: string; desc_zh?: string; })	object	-
onChange	callback when finishing cascader select	({ code: number; en: string; zh: string; desc: string; desc_zh: string; })) => void	-
onPopupVisibleChange	callback when popup shown or hidden	(value) => void