1.0.4 ā¢ Published 3 years ago
bootstrap-css-module v1.0.4
Bootstrap CSS Module
Get all the Bootstrap classes as a module. š
Demo > š
Example code
import React from "react";
import bs from "bootstrap-css-module";
const getBsClass = (classNames = "") =>
classNames
.split(" ")
.map((className) => (bs[className] ? bs[className] : className))
.join(" ")
.trim();
export default function App() {
return (
<div className={getBsClass("container mt-2")}>
<div className={getBsClass("alert alert-primary")}>Primary Alert</div>
<div className={getBsClass("alert alert-secondary")}>Secondary Alert</div>
<button className={getBsClass("btn btn-primary mx-2")}>
Primary Button
</button>
<button className={getBsClass("btn btn-secondary mx-2")}>
Primary Button
</button>
<button className={getBsClass("btn btn-warning mx-2")}>
Primary Button
</button>
</div>
);
}