001/*
002 * #%L
003 * GwtMaterial
004 * %%
005 * Copyright (C) 2015 - 2017 GwtMaterialDesign
006 * %%
007 * Licensed under the Apache License, Version 2.0 (the "License");
008 * you may not use this file except in compliance with the License.
009 * You may obtain a copy of the License at
010 * 
011 *      http://www.apache.org/licenses/LICENSE-2.0
012 * 
013 * Unless required by applicable law or agreed to in writing, software
014 * distributed under the License is distributed on an "AS IS" BASIS,
015 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
016 * See the License for the specific language governing permissions and
017 * limitations under the License.
018 * #L%
019 */
020package gwt.material.design.client.ui;
021
022import com.google.gwt.dom.client.Document;
023import gwt.material.design.client.base.MaterialWidget;
024import gwt.material.design.client.constants.CssName;
025//@formatter:off
026
027/**
028 * The section class is used for simple top and bottom padding. Just add
029 * the section class to your div's containing large blocks of content.
030 * <p>
031 * <h3>UiBinder Usage:</h3>
032 * <pre>
033 * {@code
034 * <m:MaterialSection>
035 *     <m:MaterialTitle title="Title" description="Description"/>
036 * </m:MaterialSection>
037 * }
038 * </pre>
039 *
040 * @author kevzlou7979
041 * @see <a href="http://gwtmaterialdesign.github.io/gwt-material-demo/#grid">Material Section</a>
042 */
043//@formatter:on
044public class MaterialSection extends MaterialWidget {
045
046    public MaterialSection() {
047        super(Document.get().createDivElement(), CssName.SECTION);
048    }
049}