Getting Started
IntroductionInstallStyled ComponentsCSSNested SelectorsWith PropsOverride Component StylePseudo ElementsStyle Any ComponentGlobalMedia QueriesKeyframesThemingComponent SelectorLabelsServer Side RenderingAuto PrefixingUsing As Prop
Integrations
create react apppreactnextjsgatsbytailwind
Miscellaneous
Under The Hood
Packages
@filbert-js/core@filbert-js/theming@filbert-js/server-stylesheet@filbert-js/browser-stylesheet@filbert-js/autoprefixer@filbert-js/css-ast@filbert-js/style-sheet-context@filbert-js/css-parser@filbert-js/stylesheet@filbert-js/types@filbert-js/macrobabel-plugin-filbertgatsby-plugin-filbert

Styled Components

styled is a way to create React components that have styles attached to them

1import React from 'react';
2import { styled } from '@filbert-js/core';
3
4const Button = styled('button')`
5 background: pink;
6 border: solid 1px gray;
7`;
8
9render(<Button>This is a Button component.</Button>);