Radio 使用 Omi 中使用 API Props Radio 单选按钮允许用户在查看所有可用选项时从一组中选择一个选项。 使用 <m-radio id = 'r1' value = "1" label = 'Label' checked name = "abc" > </m-radio> <m-radio...

Paper 使用 Omi 中使用 API Props Paper 在屏幕上展现纸张的物理属性。 使用 <m-paper elevation = '1' square = 'true' > <h3> This is a sheet of paper. </h3> <p> Paper can be used to...

noSlot 对于写一些 omi 插件，noSlot 非常有用，它不会把 children 插入到 DOM 中，并且你可以在插件中通过 props.children 拿到虚拟 DOM。 import { define , render , WeElement } from 'omi' define ( 'fancy-tabs...

Switch 使用 Omi 中使用 API Props Switch 切换打开或关闭单个设置的状态。 它们是调整移动设置的首选方式。 使用 <m-switch id = 'm-switch-d' label = 'LabelD' value = 'omim D' checked disabled ></m-switc...

Snackbar 使用 Omi 中使用 API Props Snackbar Snackbar 在屏幕底部提供关于应用程序进程的简短消息。 使用 <m-snackbar id = "m-snackbar-a" button-text = "RETRY" msg = "Can't send photo. Retry in 5 ...

Editor Demo Editor 富文本编辑器。 Demo import { render , h } from 'omi' import 'omim/editor' render ( <div> < m - editor onTextChange ={ onTextChange ...

Spreadsheet 使用 API Props Spreadsheet Omi 和 x-spreadsheet 打造表格标签。 使用 <m-spreadsheet onChange ={( evt )= > { console.log(evt.detail) }} width={500} ...

React 为什么要写 super(props)? 译者扩展 React 为什么要写 super(props)? 突然看到 dan 的第一篇 blog，解释为什么 react 需要写 super(props) ,为后面 hooks 不需要 super 和 this 作铺垫。本文也会对比下 Omi 框架 , 解释下 Omi 为什么从一开始就不需要写 ...

Event define ( 'my-first-element' , class extends WeElement { onClick = ( evt ) => { alert ( 'Hello Omi!' ) } render () { return ( ...

Badge 使用 Omi 中使用 API Props Badge 徽章会在其子项的右上角生成一个小徽章。 使用 <m-badge content = "99" > <m-icon path = "M511.6 76.3C264.3 76.2 64 276.4 64 523.5 64 718.9 189.3 885 36...