Change the shape using rounded-* classes
Use.separator
<div class="separator"></div>
<div class="separator-full"></div>
<div class="separator separator-light"></div>import React from 'react';
const LineSeperators = () => {
return (
<>
<div className="separator" />
<div className="separator-full" />
<div className="separator separator-light" />
<>
);
}
export default LineSeperators;import React from 'react';
const LineSeperators = () => {
return (
<>
<div className="separator" />
<div className="separator-full" />
<div className="separator separator-light" />
<>
);
}
export default LineSeperators;<template>
<div class="separator"></div>
<div class="separator-full"></div>
<div class="separator separator-light"></div>
</template><template>
<div class="separator"></div>
<div class="separator-full"></div>
<div class="separator separator-light"></div>
</template><template>
<div class="separator"></div>
<div class="separator-full"></div>
<div class="separator separator-light"></div>
</template>Use.v-separator
<div class="separator"></div>
<div class="separator-full"></div>
<div class="separator separator-light"></div>import React from 'react';
const LineSeperators = () => {
return (
<>
<div className="separator" />
<div className="separator-full" />
<div className="separator separator-light" />
<>
);
}
export default LineSeperators;import React from 'react';
const LineSeperators = () => {
return (
<>
<div className="separator" />
<div className="separator-full" />
<div className="separator separator-light" />
<>
);
}
export default LineSeperators;<template>
<div class="separator"></div>
<div class="separator-full"></div>
<div class="separator separator-light"></div>
</template><template>
<div class="separator"></div>
<div class="separator-full"></div>
<div class="separator separator-light"></div>
</template><template>
<div class="separator"></div>
<div class="separator-full"></div>
<div class="separator separator-light"></div>
</template>Change the thickness of a hr using hr-*.
<div class="separator"></div>
<div class="separator-full"></div>
<div class="separator separator-light"></div>import React from 'react';
const LineSeperators = () => {
return (
<>
<div className="separator" />
<div className="separator-full" />
<div className="separator separator-light" />
<>
);
}
export default LineSeperators;import React from 'react';
const LineSeperators = () => {
return (
<>
<div className="separator" />
<div className="separator-full" />
<div className="separator separator-light" />
<>
);
}
export default LineSeperators;<template>
<div class="separator"></div>
<div class="separator-full"></div>
<div class="separator separator-light"></div>
</template><template>
<div class="separator"></div>
<div class="separator-full"></div>
<div class="separator separator-light"></div>
</template><template>
<div class="separator"></div>
<div class="separator-full"></div>
<div class="separator separator-light"></div>
</template>