![Introducing Enhanced Alert Actions and Triage Functionality](https://cdn.sanity.io/images/cgdhsj6q/production/fe71306d515f85de6139b46745ea7180362324f0-2530x946.png?w=800&fit=max&auto=format)
Product
Introducing Enhanced Alert Actions and Triage Functionality
Socket now supports four distinct alert actions instead of the previous two, and alert triaging allows users to override the actions taken for all individual alerts.
@tiller-ds/date
Advanced tools
Readme
A design system is a set of standards to manage design at scale by reducing redundancy while creating a shared language and visual consistency across different pages and channels.
Tiller Design System is open-source UI library which offers a set of visual, functional components and patterns that accelerate design and development. Components are endlessly customizable, accessible, and can integrate into any application with primarily focus on back-office applications.
Tiller design system is based on Tailwind CSS, Formik and ReachUI. Besides these, Tiller is made with the help of Nx, Yarn 2 and Storybook.
Package Name | Version |
---|---|
@tiller-ds/date | |
@tiller-ds/cra-template |
Tiller DS UI kit in Figma is a collection of Tiller components that allow you to easily create user interfaces for your Figma projects. It includes common components like buttons, input fields, and menus, as well as more specialized components, like Formik components or Login Pattern.
For more information about Tiller Design System, please refer to:
yarn create react-app app-name --template @tiller-ds/cra-template
yarn start
command to start your projectnpx degit croz-ltd/tiller-starter-vite
cd %PROJECT_NAME%
yarn install
yarn run dev
If you use your own starter, basic steps needed for Tiller to work are next:
@tiller-ds/theme
and other wanted modules for your apptailwind.config.js
with this minimal config:module.exports = {
presets: [require('@tiller-ds/theme').preset]
};
@import "@tiller-ds/theme/styles/tiller.css";
Install packages you’re interested in using, for example, a @tiller-ds/core:
npm i @tiller-ds/core
import { Button } from "@tiller-ds/core";
<Button>Hello world!</Button>
Tiller DS is bundled with a default theme that you can customize to match the look and feel of your project.
Customizations on theme level are implemented using design tokens which we call Tiller tokens. For guides on Tiller tokens, head on over to our Storybook - Theming and Customization.
Tiller Design System is divided into modules.
Available modules / packages:
@tiller-ds/alert
@tiller-ds/core
@tiller-ds/data-display
@tiller-ds/date
@tiller-ds/dev
@tiller-ds/form-elements
@tiller-ds/form-elements-advanced
@tiller-ds/formik-elements
@tiller-ds/icons
@tiller-ds/intl
@tiller-ds/menu
@tiller-ds/patterns
@tiller-ds/selectors
@tiller-ds/theme
@tiller-ds/upload
@tiller-ds/util
For more information about each component, check out our Storybook.
Every monday, a new version of the tiller packages will be published. Whether is minor or major will depend on the tasks completed the week before. If there is no new version on monday, it means there hasn't been enough changes to update the version.
We stick to the semantic versioning, meaning that every breaking change is published as a new major version of the Tiller packages.
What are the major benefits of the Tiller DS?
Where should I file bugs and requests?
Bugs and feature requests for Tiller DS
You can also use the above link to report a bug or a feature request for previous version of Tiller Components.
As we continue to work on the new Tiller we will move UI-related issues in the tiller repository over here to work on them. We will continue to maintain major bug and security fixes for all existing UI packages and versions. New development for UI components will happen in this repository.
One of the goals of the Tiller Design System is to make building applications as easy as possible, while maintaining high quality UI components. The best way to achieve this goal is through a collective effort. We would appreciate contributions from the community, regardless of their size. 😍
If you're interested, definitely check our Contributing Guide.
Licensed under the Apache 2.0 License.
FAQs
Date module of Tiller Design System
The npm package @tiller-ds/date receives a total of 175 weekly downloads. As such, @tiller-ds/date popularity was classified as not popular.
We found that @tiller-ds/date demonstrated a healthy version release cadence and project activity because the last version was released less than a year ago. It has 3 open source maintainers collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Product
Socket now supports four distinct alert actions instead of the previous two, and alert triaging allows users to override the actions taken for all individual alerts.
Security News
Polyfill.io has been serving malware for months via its CDN, after the project's open source maintainer sold the service to a company based in China.
Security News
OpenSSF is warning open source maintainers to stay vigilant against reputation farming on GitHub, where users artificially inflate their status by manipulating interactions on closed issues and PRs.