Skip to content

Semi Design

Semi-Design Snippets for VS Code

Search command

You can search through snippets with Semi snippet search command which can be run with CMD + Shift + I or just use CMD + Shift + I keybinding.

Auto import for Semi Component

You can directly enter the component name and it will be automatically imported from @ ies / semi-ui-react

(Ps：Semi'auto import from Sinppets is not currently supported，but this feature will be implemented soon~)

Supported languages (file extensions)

JavaScript (.js)
JavaScript React (.jsx)
TypeScript (.ts)
TypeScript React (.tsx)

Available Snippets

Prefix	Description
`smbutton→`	`Button`
`smiconbutton→`	`IconButton`
`smbutton-group→`	`Button Group`
`smlist→`	`List`
`smrow→`	`Row`
`smlayout→`	`Layout`
`smbread→`	`Breadcrumb`
`smdropdown→`	`Dropdown`
`smpagination→`	`Pagination`
`smsteps→`	`Steps`
`smautocomplete→`	`AutoComplete`
`smcascader→`	`Cascader`
`smtabs→`	`Tabs`
`smcheckbox→`	`Checkbox`
`smcheckbox-group→`	`Checkbox Group`
`smdatepicker→`	`DatePicker`
`smavatar→`	`Avatar`
`smrating→`	`Rating`
`smform→`	`Form`
`smform-form→`	`Form Form style`
`smslider→`	`Slider`
`smswitch→`	`Switch`
`sminput→`	`Input`
`sminput-addon→`	`Input Addon`
`sminputnumber→`	`InputNumber`
`sminput-group→`	`InputGroup`
`smradio-group→`	`RadioGroup`
`smbadge→`	`Badge`
`smcollapse→`	`Collapse`
`smpopover→`	`Popover`
`smtooltip→`	`Tooltip`
`smtable→`	`Table`
`smtimeline→`	`Timeline`
`smmodal→`	`Modal`
`smmodal-info→`	`Modal Info`
`smnotification→`	`Notification`
`smprogress→`	`Progress`
`smpopconfirm→`	`Popconfirm`
`smskeleton→`	`Skeleton`
`smspin→`	`Spin`
`smspin-container→`	`Spin in Container`
`smtypography-title→`	`Typography Title`
`smtypography-paragraph→`	`Typography Paragraph`
`smtypography-text→`	`Typography Text`
`smtypography-interactive→`	`Typography Interactive`
`smypography-ellipsis→`	`Typography Ellipsis`
`smdescriptions→`	`Descriptions`
`smlocaleprovider→`	`LocaleProvider`
`smscrollList→`	`ScrollList`
`smsideSheet→`	`SideSheet`
`smtimepicker→`	`TimePicker`
`smtree→`	`Tree`
`smupload→`	`Upload`