nocobase/docs/en-US/development/client/ui-schema-designer/component-library.md
2022-12-21 09:59:07 +08:00

1.1 KiB
Raw Blame History

Schema component library

Wrapper Components

  • BlockItem
  • FormItem
  • CardItem

Layout

  • Page
  • Grid
  • Tabs
  • Space

Field components

The field components are generally not used alone, but in the data presentation component

  • CollectionField: universal component
  • Cascader
  • Checkbox
  • ColorSelect
  • DatePicker
  • Filter
  • Formula
  • IconPicker
  • Input
  • InputNumber
  • Markdown
  • Password
  • Percent
  • Radio
  • RecordPicker
  • RichText
  • Select
  • TimePicker
  • TreeSelect
  • Upload

Data presentation component

Need to be used with the field component

  • Calendar
  • Form
  • Kanban
  • Table
  • TableV2

Action (onClick event-based component)

  • Action
  • Action.Drawer
  • Action.Modal
  • ActionBarFor action layout
  • Menu

Other

  • G2plot
  • Markdown.Void

Usage scenarios for x-designer and x-initializer

x-designer takes effect when x-decorator or x-component is a component of

  • BlockItem
  • CardItem
  • FormItem
  • Table.Column
  • Tabs.TabPane

x-initializer takes effect when x-decorator or x-component is a component of

  • ActionBar
  • BlockItem
  • CardItem
  • FormItem
  • Grid
  • Table
  • Tabs