0.0.11 • Published 2 years ago
a12 v0.0.11
a12
ui components
relies:
- svelte
- tailwind
- iconify
Install Dependencies
npm install -D tailwindcss postcss autoprefixer
npx tailwindcss init tailwind.config.cjs -p
mv postcss.config.js postcss.config.cjs
Install
npm install a12
Configure Tailwind
module.exports = {
content: ['./src/**/*.{html,js,svelte,ts}', './node_modules/a12/**/*.{html,js,svelte,ts}'],
theme: {
extend: {}
},
plugins: []
};
Use a12
<script>
import { FeaturesGrid } from 'a12';
</script>
<FeaturesGrid
subtitle="Deploy faster"
title="Everything you need to deploy your app"
description="Phasellus lorem quam molestie id quisque diam aenean nulla in. Accumsan in quis quis nunc, "
features={[
{
title: 'Push to Deploy',
description:
'Ac tincidunt sapien vehicula erat auctor pellentesque rhoncus. Et magna sit morbi lobortis.',
icon: 'heroicons-outline:cloud-upload'
}
]}
/>