Skip to content
This repository has been archived by the owner on Feb 13, 2023. It is now read-only.

Commit

Permalink
Revert "Add instructions to import Bulma on Overview"
Browse files Browse the repository at this point in the history
This reverts commit 68ddc9e.
  • Loading branch information
AlgusDark committed Jun 12, 2017
1 parent 68ddc9e commit a01cd18
Showing 1 changed file with 14 additions and 22 deletions.
36 changes: 14 additions & 22 deletions docs/src/Scenes/Documentation/Overview/Scenes/Start.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -4,7 +4,16 @@ import * as Highlight from 'react-highlight';
import { Container } from './../../../../../../src/layout';
import { Title, Subtitle } from './../../../../../../src';

const startExample = `import * as React from 'react';
const Start = (props) => (
<Container>
<Title isSpaced>How to Start?</Title>
<Subtitle>1. Install via npm</Subtitle>
<div className='npm'><code><span className='is-unselectable'>$ </span>npm install bloomer</code></div>
<hr />
<div></div>
<Subtitle>2. Import and use Bloomer components.</Subtitle>
<Highlight className='javascript'>
{`import * as React from 'react';
import * as ReactDOM from 'react-dom';
import { Container, Box } from 'bloomer';
Expand All @@ -13,29 +22,12 @@ ReactDOM.render(
<Box>Hello World!</Box>
</Container>,
document.getElementById('root')
)`;

const Start = (props) => (
<Container>
<Title isSpaced>How to Start?</Title>
<Subtitle>1. Install via npm</Subtitle>
<div className='npm'><code><span className='is-unselectable'>$ </span>npm install bloomer</code></div>

<hr />

<Subtitle>2. Make sure to import <a href='http://bulma.io/documentation/overview/start/'>Bulma</a> in your project.</Subtitle>

<hr/>

<Subtitle>3. Import and use Bloomer components.</Subtitle>
<Highlight className='javascript'>{startExample}</Highlight>

<hr/>

)`}
</Highlight>
<Subtitle>You're done!</Subtitle>
<p>
Since <strong>Bloomer</strong> is written with Typescript, the library is ship with typings.
That means that you have the benefit of IntelliSense in your editor.
Since <strong>Bloomer</strong> is written with Typescript, the library is ship with typings.
That means that you have the benefit of IntelliSense in your editor.
</p>
<p>Remember, with great power comes great responsibility.</p>
</Container>
Expand Down

0 comments on commit a01cd18

Please sign in to comment.