Dividers
With Heading
Fully responsive design
Supports dark mode
HTML code snippet
React code snippet
Vue.js code snippet
Screenshot
![Screenshot preview of With Heading](https://cdn.tailkit.com/media/screenshots/application-ui/components/dividers/with-heading.png)
With Heading Left
Fully responsive design
Supports dark mode
HTML code snippet
React code snippet
Vue.js code snippet
Screenshot
![Screenshot preview of With Heading Left](https://cdn.tailkit.com/media/screenshots/application-ui/components/dividers/with-heading-left.png)
With Heading Right
Fully responsive design
Supports dark mode
HTML code snippet
React code snippet
Vue.js code snippet
Screenshot
![Screenshot preview of With Heading Right](https://cdn.tailkit.com/media/screenshots/application-ui/components/dividers/with-heading-right.png)
With Label
Fully responsive design
Supports dark mode
HTML code snippet
React code snippet
Vue.js code snippet
Screenshot
![Screenshot preview of With Label](https://cdn.tailkit.com/media/screenshots/application-ui/components/dividers/with-label.png)
With Label Left
Fully responsive design
Supports dark mode
HTML code snippet
React code snippet
Vue.js code snippet
Screenshot
![Screenshot preview of With Label Left](https://cdn.tailkit.com/media/screenshots/application-ui/components/dividers/with-label-left.png)
With Label Right
Fully responsive design
Supports dark mode
HTML code snippet
React code snippet
Vue.js code snippet
Screenshot
![Screenshot preview of With Label Right](https://cdn.tailkit.com/media/screenshots/application-ui/components/dividers/with-label-right.png)
With Icon
Fully responsive design
Supports dark mode
HTML code snippet
React code snippet
Vue.js code snippet
Screenshot
![Screenshot preview of With Icon](https://cdn.tailkit.com/media/screenshots/application-ui/components/dividers/with-icon.png)
With Icon Left
Fully responsive design
Supports dark mode
HTML code snippet
React code snippet
Vue.js code snippet
Screenshot
![Screenshot preview of With Icon Left](https://cdn.tailkit.com/media/screenshots/application-ui/components/dividers/with-icon-left.png)
With Icon Right
Fully responsive design
Supports dark mode
HTML code snippet
React code snippet
Vue.js code snippet
Screenshot
![Screenshot preview of With Icon Right](https://cdn.tailkit.com/media/screenshots/application-ui/components/dividers/with-icon-right.png)
With Button
Fully responsive design
Supports dark mode
HTML code snippet
React code snippet
Vue.js code snippet
Screenshot
![Screenshot preview of With Button](https://cdn.tailkit.com/media/screenshots/application-ui/components/dividers/with-button.png)
With Button Left
Fully responsive design
Supports dark mode
HTML code snippet
React code snippet
Vue.js code snippet
Screenshot
![Screenshot preview of With Button Left](https://cdn.tailkit.com/media/screenshots/application-ui/components/dividers/with-button-left.png)
With Button Right
Fully responsive design
Supports dark mode
HTML code snippet
React code snippet
Vue.js code snippet
Screenshot
![Screenshot preview of With Button Right](https://cdn.tailkit.com/media/screenshots/application-ui/components/dividers/with-button-right.png)
Heading with Action
Fully responsive design
Supports dark mode
HTML code snippet
React code snippet
Vue.js code snippet
Screenshot
![Screenshot preview of Heading with Action](https://cdn.tailkit.com/media/screenshots/application-ui/components/dividers/heading-with-action.png)
Make them yours!