tights
v4.1.2
Published
A component library for React.
Downloads
1,442
Readme
Tights
Tights is a set of React components for Bulma.
Installation
Yarn
yarn add bulma
yarn add tights
NPM
npm install bulma
npm install tights
Usage
Components follow the standard naming convention within Bulma:
import {
Button,
Modal,
ModalBackground,
ModalCard,
ModalCardHead,
ModalCardBody,
ModalCardFoot,
ModalCardTitle,
ModalCardClose,
} from "tights";
const Confirmation: FC<{
onConfirm(): void;
onCancel(): void;
onClose(): void;
}> = ({ onConfirm, onCancel, onClose }) => (
<Modal>
<ModalBackground />
<ModalCard>
<ModalCardHead>
<ModalCardTitle>Modal</ModalCardTitle>
<Delete onClick={onClose} />
</ModalCardHead>
<ModalCardBody>...</ModalCardBody>
<ModalCardFoot>
<Button onClick={onConfirm}>Confirm</Button>
<Button onClick={onCancel}>Cancel</Button>
</ModalCardFoot>
</ModalCard>
<ModalClose size="medium" onClick={onClose} />
</Modal>
);
Status
Copyright
Copyright (c) 2023 Kevin Sylvestre. See LICENSE for details.