React Labels

Simple and controlled Material Tailwind lables, let the user to choice to close the label using react.


Simple Label

Label
import React from "react";
import Label from "@material-tailwind/react/Label";

export default function Label() {
    return (
        <Label color="lightBlue">Label</Label>
    );
}
 

Closing Label

Label×
import React from "react";
import ClosingLabel from "@material-tailwind/react/ClosingLabel";

export default function ClosingLabel() {
    return (
        <ClosingLabel color="lightBlue">Label</ClosingLabel>
    );
}