BTS Code Snippets
BTS Code Snippets adalah kumpulan snippet untuk mempermudah penggunaan komponen dari design system Back To School (BTS) dalam pengembangan Flutter. Dengan menggunakan ekstensi ini, Anda dapat dengan cepat menambahkan warna, bayangan, tipografi, dan elemen desain lainnya hanya dengan mengetikkan prefix yang sesuai.
Instalasi
- Clone repository ini atau download ekstensi dari Visual Studio Code Marketplace.
- Aktifkan ekstensi di VS Code.
- Gunakan prefix snippet di editor untuk menyisipkan komponen yang diinginkan.
Snippets
Berikut adalah daftar snippet yang tersedia dalam bts-code-snippets:
1. bts-colors
→ BTSColors
Menampilkan daftar warna utama dari Back To School Design System. Berguna untuk konsistensi warna dalam proyek Flutter.
2. bts-shadows
→ BTSShadows
Menambahkan properti bayangan yang telah dikonfigurasi dalam Back To School Design System. Berguna untuk memberikan efek kedalaman pada UI.
3. bts-typography
→ BTSTypography
Menggunakan gaya tipografi standar dari Back To School Design System. Termasuk heading, subheading, dan body text dengan ukuran yang telah ditentukan.
4. bts-opacity
→ BTSOpacity
Mengatur tingkat transparansi elemen berdasarkan skala opacity yang ditentukan dalam Back To School Design System.
5. bts-spacer
→ BTSSpacer
Menambahkan jarak antar elemen dengan nilai standar dari Back To School Design System untuk menjaga keteraturan layout.
6. bts-letterspace
→ BTSLetterSpace
Mengatur jarak antar huruf berdasarkan standar Back To School Design System untuk meningkatkan keterbacaan teks.
Kontribusi
Jika ingin menambahkan snippet baru atau melakukan perbaikan, silakan fork repository ini dan buat pull request.
Lisensi
Proyek ini menggunakan lisensi MIT.