Sha256: ada961afd11c7258c4bf94a4c64df4d311d6aff05f5c6f95f97b422d03fc6a94
Contents?: true
Size: 1.78 KB
Versions: 12
Compression:
Stored size: 1.78 KB
Contents
Rev.registerExample('Buttons', class ButtonsExample extends React.Component {
render() {
const {Row, Col, Button, ButtonGroup, ButtonBar} = Rev.Components
return (
<div>
<h3>{"<Button>"}</h3>
<Button tiny>tiny</Button>
<Button small>small</Button>
<Button medium>medium</Button>
<Button large>large</Button>
<Button alert>alert</Button>
<Button disabled>disabled</Button>
<Button secondary>secondary</Button>
<Button success>success</Button>
<h3>{"<ButtonBar> and <ButtonGroup>"}</h3>
<Row>
<Col>
<ButtonBar>
<ButtonGroup>
<Button>Click me!</Button>
</ButtonGroup>
<ButtonGroup round>
<Button>One</Button>
<Button>Two</Button>
</ButtonGroup>
<ButtonGroup radius>
<Button>1</Button>
<Button>2</Button>
<Button>3</Button>
</ButtonGroup>
</ButtonBar>
</Col>
</Row>
<Row>
<Col>
<ButtonGroup even={2}>
<Button>Even = 2</Button>
<Button>X</Button>
<Button>Y</Button>
<Button>Z</Button>
</ButtonGroup>
</Col>
</Row>
<Row>
<Col>
<ButtonBar>
<ButtonGroup stack>
<Button>One</Button>
<Button>Two</Button>
</ButtonGroup>
<ButtonGroup stackForSmall>
<Button>stack</Button>
<Button>for</Button>
<Button>small</Button>
</ButtonGroup>
</ButtonBar>
</Col>
</Row>
</div>
)
}
})
Version data entries
12 entries across 12 versions & 1 rubygems