Big News: Socket raises $60M Series C at a $1B valuation to secure software supply chains for AI-driven development.Announcement
Sign In

@rax-ui/select

Package Overview
Dependencies
Maintainers
3
Versions
48
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@rax-ui/select

Rax UI Select

latest
npmnpm
Version
1.0.0-beta.62
Version published
Weekly downloads
488
13.75%
Maintainers
3
Weekly downloads
 
Created
Source

display: Select family: Data Entry

Select

选择器,用于从选择数据。

API

Props

名称说明类型默认值
type类型
可选值:
single, cascade, muliple (weex 端只支持 single 和 muliple)
enumsingle
data数据源array
label选择框文本node
labelWidthlabel 宽度stringauto
actionIcon选择框右侧的图标node'dropdown-down'
value选择框的值(受控)any
defaultValue选择框的值(非受控)any
disabled是否被禁用boolfalse
solo是否只显示选择框内容(不包含 label 和 errorText 、HelpText)boolfalse
outline是否显示边框boolfalse
placeholder选择框的提示文案string
helpText选择框底部的帮助文案node
errorText选择框底部的错误文案(设置此项后,选择框变为 error 状态,helpText 无效)node
align选择框内容对齐方向
可选值:
leftcenterright
enumleft
prepend选择框的前置内容node
append选择框的后置内容node
clear是否可以被清除boolfalse
delimiter分割符string,
title选择器的标题文案string
locale按钮文案,{ ok, cancel }{ ok: '确定', cancel: '取消' }
renderSelection渲染已选择的内容(value: any, valueLabel: any) => RaxNode
onChange选择之后的回调(value): void
onFocusfocus 事件的回调():void
onBlurblur 事件的回调():void
onShow选择器打开时的回调():void
onHide选择器关闭时的回调():void

CSS API

继承 TextField + Picker CSS

名称说明
select__picker
select__picker__toolbar
select__picker__title
select__picker__title__text

Keywords

Rax

FAQs

Package last updated on 24 Nov 2020

Did you know?

Socket

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts