separator

import { Separator } from "woly";

Sepatator is a line that divides blocks or content.

Example

User List
<Playground direction="vertical">
  <div style={{ width: '300px' }}>
    <div style={{ margin: '18px 0' }}>
      <Heading size={2}>User List</Heading>
    </div>
    <Separator priority="primary" />
    <div style={{ margin: '18px 0' }}>
      <Input
        type="text"
        name="name"
        placeholder="Search"
        onChange={() => console.info('On input change')}
        priority="primary"
        style={{ margin: '10px 0' }}
      />
    </div>
  </div>
</Playground>

Kinds

NameDescription
SeparatorBase separator

Props

NameTypeDefaultDescription
prioritystring'secondary'Priority prop to style Separator component