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

Style Any Component

Some text

1import React from 'react';
2import { styled } from '@filbert-js/core';
3
4const Text = ({ className }) => <p className={className}>Some text</p>;
5
6const PinkText = styled(Text)`
7 color: hotpink;
8`;
9render(<PinkText />);