{"size": 1125, "ext": "js", "max_stars_repo_path": "src/blocks/ui/utilities/float/children/FloatClasses.js", "max_stars_repo_name": "bianca-read-write/bianca-read-write.github.io", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "src/blocks/ui/utilities/float/children/FloatClasses.js", "max_issues_repo_name": "bianca-read-write/bianca-read-write.github.io", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "src/blocks/ui/utilities/float/children/FloatClasses.js", "max_forks_repo_name": "bianca-read-write/bianca-read-write.github.io", "max_forks_repo_forks_event_min_datetime": null, "max_forks_repo_forks_event_max_datetime": null}
{"max_stars_count": null, "max_issues_count": null, "max_forks_count": null, "avg_line_length": 34.0909090909, "max_line_length": 93, "alphanum_fraction": 0.4915555556}
import React from 'react';
import { PrismCode } from '../../../../../components/prsimjs/Prismjs';

const FloatClasses = () => {
    return (
        <div id="float-classes">
            <h4>Classes</h4>
            <p>Toggle a float with a class:</p>

            <div className="bd-example">
                <div className="float-left">Float left on all viewport sizes</div>
                <br />
                <div className="float-right">Float right on all viewport sizes</div>
                <br />
                <div className="float-none">Don't float on all viewport sizes</div>
            </div>

            <PrismCode
                code={ '<div className="float-left">Float left on all viewport sizes</div>' +
                '<br/>\n' +
                '<div className="float-right">Float right on all viewport sizes</div>' +
                '<br/>\n' +
                '<div className="float-none">Don\'t float on all viewport sizes</div>'
                }
                language="html"
                plugins={ ["line-numbers"] }
            />
        </div>
    );
};

export default FloatClasses;
