Skip to content

Latest commit

 

History

History
52 lines (45 loc) · 1.63 KB

Readme.md

File metadata and controls

52 lines (45 loc) · 1.63 KB
Raw

Divider, também conhecido como Divisor ou Separador, é uma linha neutra que separa conteúdos, sessões ou temas afins.

Horizontal

<p>Lorem ipsum dolor sit amet consectetur adipisicing elit.</p>
<Divider my={3} />
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit.</p>

Vertical

<div className="d-flex">
  <p>Voluptate ipsa iure placeat praesentium, sint deleniti consectetur quisquam neque veniam possimus, hic commodi?</p><Divider orientation="vertical" mx={3} />
  <p>A adipisci mollitia blanditiis itaque velit laudantium voluptatum molestiae quasi.</p>
</div>

Tracejado horizontal

<p>Lorem ipsum dolor sit amet consectetur adipisicing elit.</p>
<Divider dashed my={3} />
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit.</p>

Tracejado vertical

<div className="d-flex">
  <p>Voluptate ipsa iure placeat praesentium, sint deleniti consectetur quisquam neque veniam possimus, hic commodi?</p><Divider dashed orientation="vertical" mx={3} />
  <p>A adipisci mollitia blanditiis itaque velit laudantium voluptatum molestiae quasi.</p>
</div>

Tamanho 2x

<p>Lorem ipsum dolor sit amet consectetur adipisicing elit.</p>
<Divider size="sm" my={3} />
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit.</p>

Tamanho 3x

<p>Lorem ipsum dolor sit amet consectetur adipisicing elit.</p>
<Divider size="md" my={3} />
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit.</p>

Tamanho 4x

<p>Lorem ipsum dolor sit amet consectetur adipisicing elit.</p>
<Divider size="lg" my={3} />
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit.</p>