New components and styling options, improved customization
Components
Flex
- add support for common CSS properties (pointer-events, overflow, cursor)
- apply global classes instead of inline styles for most props
- support for uneven border / border radius
- support for alpha values for border / background
- improve DX, code maintanability and readability with shorthands (e.g. fill -> fillWidth + fillHeight)
- new variants:
<Column>and<Row>for better readability - expose Flex props on most components for seamless overrides
Buttons + Inputs
- uneven border radius support
- simplified code with ElementType
Background
- reworked component api for improved customization and performance
- add grid prop
Card (NEW)
- simple card component with children (Docs)
Fade (NEW)
- customizable fade effect based on Flex (Docs)
Line (NEW)
- insert horizontal and vertical lines based on Flex (Docs)
LogoCloud (NEW)
- logo showcase for future proofs (Docs)
DatePicker (NEW)
- custom DatePicker (Docs)
DateRangePicker (NEW)
- custom DateRangePicker based on the DatePicker (Docs)
NumberInput (NEW)
- custom type="number" input based on the Input (Docs)
PasswordInput (NEW)
- custom type="password" input based on the Input (Docs)
HoloFx (NEW)
- custom hologram effect wrapper based on Flex (Docs)
TiltFx (NEW)
- custom tilt effect wrapper based on Flex (Docs)
View the updated documentation on Once UI