{"repo":"fibo/trunx","free":true,"listed":false,"github":"https://github.com/fibo/trunx","clone":"git clone https://github.com/fibo/trunx.git","description":"Super Saiyan React components, son of awesome Bulma","language":"TypeScript","stars":69,"topics":["typescript","react","bulma","component-library"],"license":"MIT","category":"ui-components","readme_excerpt":"Super Saiyan React components, son of awesome [Bulma] Table of contents - Installation - API: - React components - HTML tag components - Bulma related components - Inline documentation - className prop - classnames - Bulma type - How to - Use Trunx with Vite - Bulma customization - Bulma modularity - Use Trunx with Preact - Motivation - License Installation With npm do Of course you need Bulma (v1) but it is up to you if you want to install it via bulma npm package. See how to install Bulma. You may have React installed, minimum version supported is 17 (the Trunx transpiled code uses react/jsx-runtime ). However it is not listed as a peer dependency, you can use Trunx with Preact). Finally I recommend using TypeScript to get the best developer experience with Trunx. API React components Almost all Trunx components have a bulma prop that accepts: - a string - an array of bulma classes: [\"button\", \"is-primary\"] - an object which keys are bulma classes, when value is truthy then the class is added: { \"is-primary\": true } - an array of any of the previous: [\"button\", { \"is-primary\": true }] You know, Trunx is a Super Saiyan because it is written in TypeScript. The bulma prop can be autocompleted and typos can be avoided thanks to type checking. HTML tag components Some Trunx components render their homonymous HTML tag. You can use the bulma prop to style them with Bulma classes. List of HTML tags related components: - A - Div - P - Span - Ul Bulma related components Trunx provide","default_branch":null,"files":null,"tree":[],"storefront":"/r/fibo","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/fibo/trunx/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}