Components are key building blocks of the NewsKit design system.
Actions & Inputs
Components that allow users to take action on a feature or enable users to input data.
Feedback & Status
Components that provide users with system or user feedback & status.
Components that help to define the fundamental spacial structure of a feature or page.
Components that provide or control rich media.
Components that enable users to move between pages or content.
Components that display specific written content.
Third Party Integrations
Components that interact with a third-party service.
Utilities that allow for modification of a single trait, typically a single CSS property.
Commonly used Emotion functions/types/components to help with building custom components.
A helper function that can be used to turn any user defined SVG into a NewsKit icon.
Get CSS from theme utils
A group of functions used to retrieve token values from theme or component props.
Component defaults utils
A group of functions used to retrieve values from the component defaults or overrides objects.
A collection of hooks that NewsKit provides to make it easier to build responsive interfaces with our predefined breakpoints.