@tea07001/corporis-totam-natus

v1.0.0

Published

6 months ago

<div align="center"> <a href="https://www.@tea07001/corporis-totam-natus.com"> <img alt="@tea07001/corporis-totam-natus" src="https://raw.githubusercontent.com/@tea07001/corporis-totam-natus/brand/master/@tea07001/corporis-totam-natus.png" height="1

Downloads

0High
0Medium
0Low

rebickpenelope

prune regular expression curl multi-package polyfill emit modules tc39 column getter protobuf styleguide ascii busy rfc4122 move flux _.extend idle fast watchFile ES2020 weakmap mkdir whatwg ast CSSStyleDeclaration positive valid style rest watch date windows util syntaxerror trim logger slice streams time queueMicrotask uuid id Uint8Array shebang wrap fastclone width state jwt form-validation stateless directory iam ECMAScript 2018 RegExp#flags ansi rate chinese option signals has url superagent extra monorepo folder dataView match debug inspect regular code points installer descriptor styling mobile libphonenumber hot tap Array.prototype.flatMap last fps zod push Object.keys function persistent file system array terminal art routing fixed-width autoprefixer east-asian-width eslint-plugin Iterator symbol ECMAScript 2015 es2018 Underscore command fsevents variables in css assert superstruct byteOffset cloudtrail enumerable query react workflow minimal iterator jsdom pyyaml worker xterm recursive collection.es6 fast-clone password Reflect.getPrototypeOf util.inspect Observable es2017 ECMAScript 2021 every spinner emr agent Int32Array Array.prototype.contains tostringtag gradients css http make dir typedarrays framework setPrototypeOf rm -rf language less css touch text glacier loading Object.getPrototypeOf WebSockets parse limit es-shim API descriptors css-in-js formatting sigint irq byte channel typescript concurrency Uint32Array postcss merge value logging browserlist find String.prototype.trim Object omit jsdiff ECMAScript 2023 BigUint64Array ponyfill es8 define Uint8ClampedArray ArrayBuffer.prototype.slice safe iterate private data unicode extend crypt deterministic toStringTag ECMAScript 2017 es5 signal gradients css3 shim types TypeScript tester sns preprocessor call dependencies visual hookform prefix replay css nesting cli intrinsic 256 variables ECMAScript 2022 ec2 dependency manager codes middleware es wait javascript api package.json dir wordbreak uninstall css $.extend URL app ES2015 performant hasOwn BigInt64Array write qs exec Uint16Array ECMAScript 5 wget description assign figlet mixins ECMAScript 2016 in Streams Function.prototype.name task sham moment group argv lint sequence es7 from string rgb trimEnd clone matchAll higher-order korean lazy scheme HyBi es-shims Array.prototype.findLastIndex swf String.prototype.matchAll Float64Array rapid Array.prototype.filter tslib defineProperty length classes es2016 parsing key writable awesomesauce pretty progress Push tdd es2015 callback names Float32Array configurable react-hook-form negative zero setImmediate stylesheet telephone argparse setter throttle jsx promise symlinks classname toSorted random Promise arktype Array bundler Object.defineProperty zero lesscss

Upgrading from v5? See the migration guide.

Utilizing tagged template literals (a recent addition to JavaScript) and the power of CSS, @tea07001/corporis-totam-natus allow you to write actual CSS code to style your components. It also removes the mapping between components and styles – using components as a low-level styling construct could not be easier!

const Button = styled.button`
  color: grey;
`;

Alternatively, you may use style objects. This allows for easy porting of CSS from inline styles, while still supporting the more advanced @tea07001/corporis-totam-natus capabilities like component selectors and media queries.

const Button = styled.button({
  color: 'grey',
});

Equivalent to:

const Button = styled.button`
  color: grey;
`;

@tea07001/corporis-totam-natus is compatible with both React (for web) and React Native – meaning it's the perfect choice even for truly universal apps! See the documentation about React Native for more information.

Supported by Front End Center. Thank you for making this possible!

Docs

See the documentation at @tea07001/corporis-totam-natus.com/docs for more information about using @tea07001/corporis-totam-natus!

Quicklinks to some of the most-visited pages:

Example

import React from 'react';

import styled from '@tea07001/corporis-totam-natus';

// Create a <Title> react component that renders an <h1> which is
// centered, palevioletred and sized at 1.5em
const Title = styled.h1`
  font-size: 1.5em;
  text-align: center;
  color: palevioletred;
`;

// Create a <Wrapper> react component that renders a <section> with
// some padding and a papayawhip background
const Wrapper = styled.section`
  padding: 4em;
  background: papayawhip;
`;

function MyUI() {
  return (
    // Use them like any other React component – except they're styled!
    <Wrapper>
      <Title>Hello World, this is my first styled component!</Title>
    </Wrapper>
  );
}

This is what you'll see in your browser:

Looking for v5?

The main branch is for the most-current version of @tea07001/corporis-totam-natus, currently v6. For changes targeting v5, please point your PRs at the legacy-v5 branch.

Built with `@tea07001/corporis-totam-natus`

A lot of hard work goes into community libraries, projects, and guides. A lot of them make it easier to get started or help you with your next project! There are also a whole lot of interesting apps and sites that people have built using @tea07001/corporis-totam-natus.

Make sure to head over to awesome-@tea07001/corporis-totam-natus to see them all! And please contribute and add your own work to the list so others can find it.

Contributing

If you want to contribute to @tea07001/corporis-totam-natus please see our contributing and community guidelines, they'll help you get set up locally and explain the whole process.

Please also note that all repositories under the @tea07001/corporis-totam-natus organization follow our Code of Conduct, make sure to review and follow it.

Badge

Let everyone know you're using @tea07001/corporis-totam-natus →

[![style: @tea07001/corporis-totam-natus](https://img.shields.io/badge/style-%F0%9F%92%85%20styled--components-orange.svg?colorB=daa357&colorA=db748e)](https://github.com/tea07001/corporis-totam-natus)

Contributors

This project exists thanks to all the people who contribute. [Contribute].

Backers

Thank you to all our backers! 🙏 [Become a backer]

License

See LICENSE for more information.

Acknowledgements

This project builds on a long line of earlier work by clever folks all around the world. We'd like to thank Charlie Somerville, Nik Graf, Sunil Pai, Michael Chan, Andrey Popp, Jed Watson & Andrey Sitnik who contributed ideas, code or inspiration.

Special thanks to @okonet for the fantastic logo.

Published

Vulnerabilities

Links

Maintainers

Keywords

Readme