ar-design
Version:
AR Design is a (react | nextjs) ui library.
54 lines (53 loc) • 1.23 kB
TypeScript
type Column = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
interface IProps {
/**
* Kolon içinde gösterilecek içerik.
*
* Örneğin;
*
* ```jsx
* <Column>
* <p>İçerik</p>
* </Column>
* ```
*/
children: React.ReactNode;
/**
* Kolon genişliğini belirler.
*
* - Sayı olarak verilirse tüm cihazlarda aynı genişlik uygulanır.
* - Obje olarak verilirse, farklı ekran boyutlarına göre özel kolon genişlikleri tanımlanabilir.
*
* Örneğin;
*
* ```jsx
* <Column size={6}>...</Column>
* ```
* veya
* ```jsx
* <Column size={{ xl: 3, md: 6, xs: 12 }}>...</Column>
* ```
*/
size?: {
xl?: Column;
lg?: Column;
md?: Column;
sm?: Column;
xs?: Column;
} | number;
/**
* İçeriğin yatay hizalamasını belirler.
*
* - `left`: İçerik sola hizalanır.
* - `center`: İçerik yatayda ortalanır.
* - `right`: İçerik sağa hizalanır.
*
* Örneğin;
*
* ```jsx
* <Column align="center">...</Column>
* ```
*/
align?: "left" | "center" | "right";
}
export default IProps;